cách áp dụng sublime text 3 là một trong những từ khóa được tìm kiếm nhiều nhất trên google về chủ đề cách thực hiện sublime text 3. Trong nội dung bài viết này,bugthecao.com sẽ viết nội dung bài viết Hướng dẫn những cách sử dụng sublime text 3 tiên tiến nhất 2020.
Bạn đang đọc: Hướng dẫn dùng sublime text 3
k chỉ hỗ trợ làm việc cùng với HTML, Emmet cũng biểu thức HTML phía bên trong JSX. Để nghiên cứu thêm về hướng dẫn viết biểu thức, bạn có thể tham khảo ở đây.
Các gói snippets hữu dụng
JavaScript & NodeJS Snippets, như tên gọi, bao gồm các snippets giành riêng cho JavaScript, giúp cho bạn gõ một đoạn mã thông dụng nhanh hơn. ví dụ, thay vì gõ document.querySelector("selector");, bạn chỉ cần gõ qs, click Tab, với Sublime sẽ giúp phần việc còn lại giúp bạn. Hoặc gi giống như ví dụ dưới đây.
Nếu thấy Emmet hơi khó khăn, bạn đủ sức sử dụng một plugin không giống tương trường đoản cú là HTML Snippets. Plugin này còn có ít tính năng hơn, nhưng easy sử dụng hơn.
Tặng một likethể hiện tình cảm nha!
bên cạnh đó, cũng nhớ là những gói snippets khi làm việc với những thư viện/framework, chẳng hạn giống như ReactJS Snippets, AngularJS Snippets, VueJS Snippets…
Với CSS, bạn chỉ việc cài CSS Snippets là có support CSS, LESS, SASS cùng Stylus.
định hướng mã nguồn
Canh hàng với Alignment
Alignment giúp chúng ta canh sản phẩm khi khai báo nhiều biến. k chỉ hoạt động trên JS, Alignment còn hỗ trợ PHP. Để thiết lập cấu hình plugin này, bạn đủ sức nhìn thấy hướng dẫn.
Loại bỏ khoảng trắng dư thừa bởi Trimmer
Trimmer giúp bạn đào thải những khoảng chừng trắng vượt một phương pháp gấp rút. ngoài ra plugin này còn có chức năng Replace Smart Characters, giúp sửa chữa thay thế những ký kết tự quánh biệt giống như « thành .
dùng DocBlockr để viết tài liệu
Trong tiến trình viết code, thỉnh thoảng chúng ta phải viết thêm ebook mô tả về hàm tốt lớp đã xây dựng. mục tiêu là để tiến trình bảo trì ứng dụng không khó khăn khăn hơn, các member mới du nhập team cũng easy nắm bắt thông tin hơn. DocBlockr là plugin giúp bạn viết những ebook này khẩn trương, tiện dụng. Chỉ việc để nhỏ trỏ ngơi nghỉ trước hàm hay phương pháp, gõ /** và Tab, DocBlockr sẽ auto nhận biết những tham số và giá trị trả về.
DocBlockr k chỉ support JavaScript mà còn sử dụng được với tương đối nhiều ngôn ngữ khác giống như PHP, CoffeeScript, TypeScript…
sử dụng việc cùng với git và GitHub
Git
Plugin này góp bạn sử dụng Git trực tiếp phía bên trong Sublime, bao gồm khá nhiều chức năng đa dạng, chẳng hạn như thêm files, chế tác commits, xem logs… mà k cần ra khỏi trình biên soạn thảo.
Xem thêm: Cách Chuyển Hàng Thành Cột Trong Excel 2007, Chuyển Dòng Thành Cột Trong Excel
GitGutter
GitGutter theo dõi repo sinh hoạt thư mục bây giờ, cho bạn biết tình trạng của mỗi dòng và mang đến một cái Nhìn tổng quan lại về những refresh trong tập tin đã được chỉnh sửa.
GitHubinator
GitHubinator là một plugin chất nhận được bạn bôi black code trong Sublime text, cùng hightlight đoạn code đó trên remote repo của Github (nếu như đoạn code kia tồn tại).
GistGist có thể chấp nhận được bạn send đoạn code được lựa chọn lên dịch vụ Gist của Github.
Linter
Sublime Linter
Trong công cuộc code, việc mắc phải phần đông lỗi về cú pháp là không thể tránh khỏi. Plugin này cung cấp một nền tảng để các chương trình check lỗi, ví dụ như ESLint, có thể được kết hợp vào Sublime. Sau khi cài đặt Sublime Linter, bạn phải cài riêng những gói riêng cho từng ngôn ngữ.
Nâng cấp cho sidebar
Side Bar Enhancements
Sidebar khoác định của Sublime cung cấp số chọn hạn chế để làm việc với tập tin hay kiếm tìm. dùng plugin này, các bạn sẽ có thêm khoảng chừng 20 lựa chọn mới, gồm có Open in browser, Duplicate, cải thiện, Reveal…
AdvancedNewFile
AdvancedNewFile là plugin giúp gia tăng tốc sinh sản tập tin mới. Chúng ta chỉ cần nhấn Ctrl + alternative text + N trong Windows, Super + alt + N trong Mac/Linux để trực tiếp gõ đường dẫn đến tập tin mới. Và yên tâm, ví như tập tin bên trong thư mục không tồn tại, thư mục bắt đầu sẽ được xây dựng luôn.
lựa chọn màu mau với ColorPicker
ColorPicker
Plugin này sẽ cho bạn một hộp thoại bé dại để lựa chọn màu từ bảng màu, hoặc bạn cũng đủ nội lực dùng Eye dropper để lựa chọn màu từ bất kỳ vị trí nào trên màn ảnh của bạn.
Color Highlighter
dùng plugin này, bạn có thể nhìn thấy trực quan tiền những màu sắc tương ứng với mỗi trị giá màu giống như HEX, RGBA…ngay trong mã nguồn.
GhostText
Đây là một plugin thực sự cực kỳ thú vị. Nó góp bạn liên kết Sublime text cho một vùng text trên browser. gợi ý, bạn đủ nội lực làm việc cùng với CodePen, nhưng tất cả quá trình code của các bạn sẽ được triển khai trên Sublime text, với bạn có thể sử dụng tất cả những tính năng, plugin của Sublime text. Sau khi cài plugin này, bạn cần cài thêm extension mang lại browser.
Bonus
Emoji
sử dụng plugin này, bạn đủ sức chèn thêm emoji từ Command palette. Bao gồm lẽ không quan trọng lắm với những ai dùng Mac vì chưng bạn có thể xây dựng emoji panel bằng cách bấm Control + Command + Space rồi.
