Thủ thuật dùng sublime text 3

      7

cách áp dụng sublime text 3 là giữa những từ khóa được search nhiều độc nhất vô nhị trên google về chủ đề cách sử dụng sublime text 3. Trong nội dung bài viết này,dienmayducminh.com.vn đã viết nội dung bài viết Hướng dẫn những cách thực hiện sublime text 3 tiên tiến nhất 2020.

Bạn đang xem: Thủ thuật dùng sublime text 3

*

k chỉ hỗ trợ làm việc 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 và NodeJS Snippets, như tên gọi, bao gồm các snippets dành cho JavaScript, giúp đỡ bạn gõ một đoạn mã thông dụng nhanh hơn. ví dụ, thay bởi 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 tự là HTML Snippets. Plugin này có ít tính năng hơn, nhưng easy sử dụng hơn.

*


*

Tặng một likethể hiện cảm xúc nha!


bên cạnh đó, cũng hãy nhờ rằng những gói snippets khi làm việc với các 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

*
Bằng phương pháp sử dụng HTMLBeautify, CSS Format, Pretty JSON hoặc jsfmt, bạn đủ sức lựa chọn auto định hướng mã gốc khi lưu files. Nếu là fan hâm mộ của Prettier, bạn hãy nhờ rằng plugin JsPrettier.

Canh sản phẩm 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 plugin này, bạn đủ sức nhìn thấy hướng dẫn.

Loại bỏ khoảng chừng trắng dư thừa bởi Trimmer

Trimmer giúp bạn loại bỏ những khoả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 thay thế những ký kết tự quánh biệt giống như « thành .

dùng DocBlockr nhằm viết tài liệu

Trong tiến trình viết code, thỉnh thoảng chúng ta bắt buộc viết thêm ebook mô tả về hàm tuyệ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. Doc​Blockr là plugin giúp đỡ bạn viết những ebook này khẩn trương, tiện dụng. Chỉ việc để con trỏ sinh hoạt 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 với git và GitHub

Git

*

Plugin này góp bạn sử dụng Git trực tiếp 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, tạo commits, xem logs… mà k cần bong khỏi trình biên soạn thảo.

Xem thêm: Product Overview - Laptop Lenovo Ideapad 320

GitGutter

*

GitGutter theo dõi và quan sát repo sống thư mục bây giờ, cho mình biết tình trạng của mỗi dòng và mang đến một cái Nhìn tổng quan tiền về những refresh trong tập tin đã được chỉnh sửa.

GitHubinator

*

GitHubinator là 1 trong những plugin chất nhận được bạn bôi đen code vào Sublime text, với hightlight đoạn code đó trên remote repo của Github (nếu như đoạn code đó tồn tại).

GistGist cho phép 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 đa số lỗi về cú pháp là không thể kiêng khỏi. Plugin này cung cấp một nền tảng để những 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 các gói riêng cho từng ngôn ngữ.

Nâng cấp cho sidebar

Side Bar Enhancements

*

Sidebar mang định của Sublime cung cấp số chọn hạn chế để thao tác làm việc với tập tin hay kiếm tìm. dùng plugin này, bạn sẽ có thêm khoảng tầm 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 + alt + N trong Windows, Super + alternative text + N trong Mac/Linux nhằm trực tiếp gõ đường dẫn đến tập tin mới. Với yên tâm, trường hợp tập tin phía bên trong thư mục chưa 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 chính mình một vỏ hộp thoại nhỏ tuổi để lựa chọn màu trường đoản cú 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 lại những màu sắc tương ứng cùng với mỗi trị giá màu giống như HEX, RGBA…ngay vào mã nguồn.

Ghost​Text

*

Đây là 1 trong những plugin thực sự vô cùng thú vị. Nó giúp bạn liên kết Sublime text mang đến một vùng text trên browser. gợi ý, bạn đủ nội lực làm việc 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, cùng 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 phải 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ừ bỏ Command palette. Bao gồm lẽ không quan trọng lắm với phần lớn ai dùng Mac vì bạn có thể xây dựng emoji panel bằng cách bấm Control + Command + Space rồi.