Hướng Dẫn Sublime Text 3

Sublime Text 3 là 1 trong những Một trong những trình biên soạn thảo thông dụng độc nhất vô nhị bây chừ. So cùng với Atom hay VSCode, Sublime chiếm phần ưu cụ hơn hẳn nhờ vận tốc nkhô hanh, bối cảnh đơn giản, và có rất đầy đủ các anh tài khỏe mạnh. Để khai quật hết năng lực của Sublime, bạn nên xem xét một vài thủ thuật "nhỏ mà tất cả võ" tiếp sau đây.

Bạn đang xem: Hướng dẫn sublime text 3

Nhắn nhủ: Package Control là kho plugin thích hợp Sublime, các bạn hết sức đề nghị thực hiện để thống trị những phần không ngừng mở rộng dễ dàng hơn. Để setup Package Control, bạn có thể làm theo giải đáp này.

tận dụng lợi thế phím tắt

Dùng phím tắt để thực hiện tác vụ luôn nkhô cứng rộng dùng loài chuột tốt thực đơn. Quý khách hàng ko độc nhất vô nhị thiết yêu cầu học tập ở trong lòng số đông phím tắt này, mà lại chỉ việc đừng quên chúng gồm trường tồn để dễ dàng bề "lục lọi" Lúc yêu cầu.

Chung
Ctrl+Shift+PMlàm việc Comm& Prompt
Ctrl+K, Ctrl+BẨn/hiện tại side bar
Chỉnh sửa
Ctrl+Shift+↑Dịch gửi dòng/vùng lựa chọn lên 1 dòng
Ctrl+Shift+↓Dịch đưa dòng/vùng chọn xuống 1 dòng
Ctrl+LChọn dòng bây giờ, liên tục dấn Ctrl+L nhằm lựa chọn chiếc tiếp theo
Ctrl+DChọn một từ bỏ, thường xuyên nhấn Ctrl+D để chọn phần đa tự giống vậy
Ctrl+Shift+DNhân song cái hiện tại tại
Ctrl+MĐi cho tới lốt đóng ngoặc gần nhất - Lặp lại để đi tới vết msống ngoặc
Ctrl+Shift+MChọn tổng thể nội dung vào lốt ngoặc
Ctrl+Shift+KXóa toàn bộ dòng
Ctrl+>Lùi chiếc hiện thời vào trong một tab
Ctrl+<Lùi chiếc hiện tại ra bên ngoài 1 tab
Ctrl+/Comment/Un-phản hồi dòng/vùng chọn hiện tại
Điều hướng/di chuyển
Ctrl+PMsống nkhô cứng tệp tin bởi tên
Ctrl+RĐi cho kí tự đề nghị tìm
Ctrl+;Đi tới từ trong file hiện tại tại
Ctrl+GĐi mang lại mẫu vào tệp tin hiện tại
Tìm kiếm cùng nuốm thế
Ctrl+FTìm
Ctrl+HTgiỏi thế
Ctrl+Shift+FTìm trong những file đang mở
Tabs
Ctrl+Shift+TMnghỉ ngơi tab vẫn đóng góp ngay sát nhất
Ctrl+TabDi chuyển hẳn sang lại thân những tab
Ctrl+WĐóng tab hiện tại
Alt+Đi cho tới tab lắp thêm
Chia màn hình
Alt+Shift+NUMChia màn hình thành cột
Alt+Shift+5Chia screen thành grid tất cả 4 groups
Alt+Shift+8Chia màn hình hiển thị thành 2 hàng
Ctrl+Đi cho tới group vật dụng
Ctrl+Chuyển tệp tin cho tới group sản phẩm công nghệ
Bookmarks
Ctrl+F2Bookmarks/Bỏ bookmarks
F2Đi cho tới bookmarks tiếp theo
Shift+F2Đi tới bookmarks trước
Ctrl+Shift+F2Xóa toàn bộ bookmarks
Thao tác với vnạp năng lượng bản
Ctrl+K, Ctrl+UChuyển vùng chọn thanh lịch chữ in hoa
Ctrl+K, Ctrl+LChuyển vùng chọn sang chữ thường

Tô màu mã mối cung cấp cùng với những gói không ngừng mở rộng ngôn ngữ

Sau Lúc thiết đặt, Sublime cung cấp cho rộng 50 ngôn ngữ xây dựng. Tuy nhiên, giả dụ thao tác làm việc với Angular, Vue, React tuyệt đều framework/ngôn từ bắt đầu, bạn cần phải thiết lập thêm các phần mở rộng nhằm Sublime rất có thể hiểu với tô màu sắc mã nguồn. Tùy yêu cầu rõ ràng nhưng mà chúng ta cũng có thể tìm thấy plugin khớp ứng trên Package Control. nayaritas.net liệt kê dưới đây phần nhiều plugin thông dụng duy nhất.

Ngôn ngữ

Thỏng viện

Emmet

Với lập trình sẵn viên front-over, Emmet là plugin không thể thiếu rồi. Emmet có thể chấp nhận được các bạn viết HTML "nhanh khô nhỏng chảo chớp" bằng phương pháp dùng biểu thức biểu thị HTML, sau đó Emmer vẫn mở rộng biểu thức này. Chẳng hạn, khi bạn viết #content>p.text*5>lorem, Emmet đang "úm ba la" thành:

*

không chỉ hỗ trợ làm việc cùng với HTML, Emmet cũng biểu thức HTML bên trong JSX. Để xem thêm về phong thái viết biểu thức, bạn có thể tham khảo ở đây.

Các gói snippets hữu ích

JavaScript và NodeJS Snippets, như cái tên thường gọi, bao gồm các snippets giành cho JavaScript, giúp đỡ bạn gõ một quãng mã thịnh hành nkhô cứng hơn. Ví dụ, nuốm bởi vì gõ document.querySelector('selector');, bạn chỉ cần gõ qs, nhận Tab, và Sublime đã làm phần bài toán còn lại giúp bạn. Hoặc gi nhỏng ví dụ sau đây.

*

Nếu thấy Emmet hơi phức hợp, chúng ta cũng có thể thực hiện một plugin khác tựa như là HTML Snippets. Plugin này còn có ít anh tài hơn, tuy thế dễ sử dụng rộng.

*

Hình như, cũng hãy nhớ là số đông gói snippets khi thao tác với những thư viện/framework, ví dụ như ReactJS Snippets, AngularJS Snippets, VueJS Snippets...

Với CSS, bạn chỉ cần thiết lập CSS Snippets là tất cả cung ứng CSS, LESS, SASS với Stylus.

Định dạng mã nguồn

*
Bằng cách sử dụng HTMLBeautify, CSS Format, Pretty JSON hoặc jsfmt, chúng ta có thể chọn tự động hóa định dạng mã mối cung cấp khi giữ files. Nếu là fan của Prettier, bạn nhớ là plugin JsPrettier.

Canh mặt hàng cùng với Alignment

*

Alignment giúp cho bạn canh sản phẩm Khi knhì báo những thay đổi. Không chỉ chuyển động trên JS, Alignment còn hỗ trợ PHPhường. Để thiết lập cấu hình plugin này, chúng ta cũng có thể coi giải đáp.

Loại bỏ khoảng tầm white dư quá bằng Trimmer

Trimmer khiến cho bạn loại bỏ rất nhiều khoảng chừng Trắng quá một phương pháp hối hả. Bên cạnh đó plugin này còn có kỹ năng Replace Smart Characters, giúp thay thế sửa chữa rất nhiều ký kết tự quan trọng như « thành .

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

Trong quá trình viết code, đôi lúc bọn họ phải viết thêm tài liệu biểu thị về hàm xuất xắc lớp đã xây đắp. Mục đích là nhằm quá trình duy trì ứng dụng tiện lợi hơn, các thành viên mới bắt đầu làm team cũng dễ dàng nắm bắt lên tiếng hơn. Doc​Blockr là plugin khiến cho bạn viết hầu hết tài liệu này gấp rút, thuận lợi. Chỉ cần nhằm con trỏ nghỉ ngơi trước hàm giỏi thủ tục, gõ /** và Tab, DocBlockr sẽ tự động hóa phân biệt những tmê man số và quý giá trả về.

Xem thêm: Cùng Nghĩa Với Bảo Ban

*

DocBlockr không những cung cấp JavaScript ngoại giả cần sử dụng được với nhiều ngôn từ khác ví như PHP, CoffeeScript, TypeScript...

Làm Việc với git cùng GitHub

Git

*

Plugin này khiến cho bạn sử dụng Git trực tiếp bên phía trong Sublime, bao hàm không ít tính năng thịnh hành, ví dụ như thêm files, chế tạo ra commits, xem logs... nhưng mà ko yêu cầu rời ra khỏi trình biên soạn thảo.

GitGutter

*

GitGutter theo dõi và quan sát repo làm việc thư mục hiện thời, cho bạn biết tinh thần của từng mẫu và đem lại một chiếc nhìn tổng quan lại về mọi đổi khác vào tập tin đang rất được chỉnh sửa.

GitHubinator

*

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

GistGist được cho phép các bạn gửi đoạn code được chọn lên hình thức dịch vụ Gist của Github.

Linter

Sublime Linter

*

Trong quá trình code, vấn đề phạm phải hầu hết lỗi về cú pháp là cần yếu rời khỏi. Plugin này cung cấp một gốc rễ để những công tác chất vấn lỗi, ví như ESLint, có thể được kết hợp vào Sublime. Sau Khi setup Sublime Linter, bạn phải download riêng rẽ các gói riêng biệt mang lại 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ắt lọc số lượng giới hạn nhằm làm việc cùng với tập tin xuất xắc tìm tìm. Sử dụng plugin này, các bạn sẽ tất cả thêm khoảng chừng 20 sàng lọc bắt đầu, bao hàm xuất hiện in browser, Duplicate, Refresh, Reveal...

AdvancedNewFile

*

AdvancedNewFile là plugin góp tăng tốc độ sinh sản tập tin new. quý khách chỉ việc dìm Ctrl + Alt + N vào Windows, Super + Alt + N vào Mac/Linux nhằm thẳng gõ đường dẫn mang đến tập tin new. Và yên ổn trung tâm, trường hợp tập tin nằm trong thư mục chưa xuất hiện, tlỗi mục bắt đầu sẽ được tạo nên luôn luôn.

Chọn màu sắc nhanh hao với ColorPicker

ColorPicker

*

Plugin này đang cho mình một hộp thoại nhỏ dại để lựa chọn màu sắc trường đoản cú bảng color, hoặc bạn có thể sử dụng Eye dropper để lựa chọn màu từ bất kì địa chỉ như thế nào trên màn hình của người sử dụng.

Color Highlighter

*

Sử dụng plugin này, bạn cũng có thể nhận thấy trực quan số đông Color tương ứng với mỗi cực hiếm màu sắc nlỗi HEX, RGBA...tức thì trong mã nguồn.

Ghost​Text

*

Đây là 1 plugin thực thụ khôn cùng thú vị. Nó khiến cho bạn liên kết Sublime text đến một vùng text trên browser. lấy một ví dụ, chúng ta cũng có thể thao tác làm việc với CodePen, mà lại toàn cục quy trình code của các bạn sẽ được tiến hành bên trên Sublime text, cùng chúng ta cũng có thể thực hiện tất cả hầu hết tác dụng, plugin của Sublime text. Sau Lúc sở hữu plugin này, bạn cần cài đặt thêm extension đến browser.

Bonus

Emoji

*

Sử dụng plugin này, chúng ta cũng có thể chèn thêm emoji từ bỏ Commvà palette. Có lẽ ko quan trọng lắm với mọi ai sử dụng Mac vì chúng ta có thể msống emoji panel bằng cách dìm Control + Comm& + Space rồi.

Kết

Với phần đông plugin được giới thiệu ở đây, nayaritas.net muốn là để giúp bạn nâng cấp năng suất thao tác trong Sublime Text. Nếu bạn biết plugin như thế nào xuất xắc ho, hãy chia sẻ tại đoạn bình luận bên dưới nhé!