Hướng dẫn áp dụng Sublime Text 3 để khai thác hết những công dụng mạnh mẽ của Sublime là phương châm chính của bài viết này nhưng mà chantamquoc.vn ước ao gửi đến các bạn đọc. Vị Sublime Text là trong những trình biên soạn thảo phổ cập nhất 2022 hiện nay nay. đối với Atom tốt VSCode, Sublime chỉ chiếm ưu thế hơn hẳn nhờ tốc độ nhanh, giao diện 1-1 giản, cùng có rất đầy đủ các tác dụng mạnh mẽ.

Bạn đang xem: Cách sử dụng sublime text 3

Cùng theo dõi và quan sát ngay nội dung bài viết dưới trên đây nhé!


Hướng dẫn thực hiện Sublime Text 3 – Phím tắt

*
Hướng dẫn thực hiện Sublime Text 3 – Phím tắt

Dùng phím tắt để tiến hành tác vụ luôn nhanh hơn cần sử dụng chuột xuất xắc menu. Bạn không tốt nhất thiết bắt buộc học nằm trong lòng phần đông phím tắt này, mà chỉ cần nhớ là chúng tất cả tồn trên để dễ bề “lục lọi” lúc cần.

Chung

Ctrl+Shift+P : Mở Command PromptCtrl+K, Ctrl+B : Ẩn/hiện side bar

Chỉnh sửa

Ctrl+Shift+↑ : dịch rời dòng/vùng lựa chọn lên 1 dòngCtrl+Shift+↓ : di chuyển dòng/vùng chọn xuống 1 dòngCtrl+L : Chọn dòng hiện tại, liên tiếp nhấn Ctrl+L để chọn chiếc tiếp theoCtrl+D : lựa chọn một từ, tiếp tục nhấn Ctrl+D để chọn phần đông từ tương đương vậyCtrl+Shift+D : Nhân đôi cái hiện tạiCtrl+M : Đi tới vệt đóng ngoặc sớm nhất – tái diễn để đi tới dấu mở ngoặcCtrl+Shift+M : Chọn toàn thể nội dung trong dấu ngoặcCtrl+Shift+K : Xóa tổng thể dòngCtrl+> : Lùi dòng lúc này vào trong 1 tabCtrl+< : Lùi mẫu hiện tại ra bên ngoài 1 tabCtrl+/ : Comment/Un-comment dòng/vùng lựa chọn hiện tại

Tô color mã cội với các gói mở rộng ngôn ngữ

Sau lúc setup, Sublime cung ứng đến rộng 50 ngôn ngữ lập trình. Ko kể ra, nếu thao tác với Angular, Vue, React hay phần đông framework/ngôn ngữ mới, bạn cần phải cài để thêm những phần phát hành rộng nhằm Sublime đủ sức hiểu cùng tô màu sắc mã nguồn. Tùy nhu cầu ví dụ mà chúng ta đủ sức search thấy plugin khớp ứng trên Package Control. Dưới đây là những plugin phổ cập nhất.

Ngôn ngữ

Babel (React): ở kề bên hỗ trợ các tác dụng mới trong ES6, ES7, plugin này cũng cung ứng tô màu mang đến JSXBetter CoffeeScriptFlowTypeScript

Thư viện

AngularJSVue Syntax HighlightEmberScript

Hướng dẫn thực hiện Sublime Text 3 – Emmet

Với thiết kế viên front-end, Emmet là plugin luôn luôn phải có rồi. Emmet cho phép bạn viết HTML “nhanh như chớp” bằng hướng dẫn thực hiện biểu thức thể hiện HTML. Tiếp đến Emmer sẽ không ngừng mở rộng biểu thức này. Chẳng hạn, khi bạn viết #content>p.text*5>lorem, Emmet đã “úm bố la” thành:

*
Đoạn HTML sau thời điểm viết

Không chỉ cung cấp làm việc với HTML, Emmet cũng biểu thức HTML bên trong JSX.

Các gói Snippets hữu dụng

JavaScript và NodeJS Snippets, như tên gọi, bao hàm các snippets giành riêng cho JavaScript, giúp bạn gõ một quãng 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 sót lại giúp bạn. Hoặc ghi giống như ví dụ dưới đây.

*
Các gói Snippets hữu dụng

Nếu thấy Emmet khá phức tạp, chúng ta có thể sử dụng một plugin khác tương tự là HTML Snippets. Plugin này còn có ít kĩ năng hơn, nhưng dễ sử dụng hơn.

*
HTML Snippets

Bên cạnh đó, cũng hãy nhờ rằng những gói snippets khi làm việ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 cài CSS Snippets là có cung cấp CSS, LESS, SASS cùng Stylus.

Định dạng mã nguồn

*
Định dạng mã nguồn

Bằng cách thực hiện HTMLBeautify, CSS Format, Pretty JSON hoặc jsfmt, bạn có thể chọn tự động định dạng mã mối cung cấp khi lưu files. Nếu là tín đồ của Prettier, bạn hãy nhờ rằng plugin JsPrettier.

Hướng dẫn áp dụng Sublime Text 3 – Canh sản phẩm với Alignment 2022 

*
Canh sản phẩm với Alignment

Alignment giúp bạn canh sản phẩm khi khai báo các biến. Ko chỉ vận động trên JS, Alignment còn cung ứng PHP. Để tùy chỉnh cấu hình plugin này, bạn có thể xem hướng dẫn.

Xem thêm: Cách Gửi File Word Qua Messenger Android, Blogtiengviet :: Checking Access

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

Trimmer góp bạn thải trừ những khoảng trắng thừa một biện pháp nhanh chóng. Bên cạnh đó plugin này còn có tính năng Replace Smart Characters, giúp thay thế sửa chữa những cam kết tự đặc biệ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, song khi chúng ta phải viết thêm tài liệu bộc lộ về hàm xuất xắc lớp đã xây dựng. Mục đích là để quá trình gia hạn ứng dụng dễ dãi hơn, những thành viên mới bắt đầu làm team cũng dễ thâu tóm thông tin hơn. Doc​Blockr là plugin giúp bạn viết phần nhiều tài liệu này cấp tốc chóng, luôn thể lợi. Chỉ việc để nhỏ trỏ nghỉ ngơi trước hàm hay phương thức, gõ /**Tab, DocBlockr sẽ tự động nhận biết các tham số và quý giá trả về.

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

DocBlockr ko chỉ hỗ trợ JavaScript bên cạnh đó dùng được với nhiều ngôn ngữ không giống như PHP, CoffeeScript, TypeScript…

Làm bài toán với git với GitHub

Git

*
Git

Plugin này giúp cho 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 thông dụng, ví dụ như thêm files, chế tạo ra commits, xem logs… nhưng mà không buộc phải rời khỏi trình soạn thảo.

GitGutter

*
GitGutter

GitGutter quan sát và theo dõi repo sinh hoạt thư mục hiện nay tại, cho bạn biết trạng thái của mỗi loại và mang đến một tầm nhìn tổng quan lại về những thay đổi trong tập tin đang được chỉnh sửa.

GitHubinator

*
GitHubinator

GitHubinator là một trong plugin cho phép bạn bôi đen code vào Sublime text, và hightlight đoạn code kia trên remote repo của Github (nếu như đoạn code đó tồn tại).

Gist Gist có thể chấp nhận được bạn gửi đoạn code được chọn lên dịch vụ Gist của Github.

Hướng dẫn thực hiện Sublime Text 3 – Linter

Sublime Linter

*
Sublime Linter

Trong quy trình code, việc phạm phải những lỗi về cú pháp là cần thiết tránh khỏi. Plugin này cung cấp một nền tảng để các chương trình bình chọn lỗi. Ví như ESLint, có thể được phối hợp vào Sublime. Sau khi setup Sublime Linter, bạn cần cài riêng các gói riêng mang đến từng ngôn ngữ.

Nâng cấp sidebar

Side Bar Enhancements

*
Side Bar Enhancements

Sidebar khoác định của Sublime cung ứng số lựa chọn số lượng giới hạn để thao tác với tập tin tốt tìm kiếm. áp dụng plugin này, các bạn sẽ có thêm khoảng chừng 20 chắt lọc mới, bao hàm Open in browser, Duplicate, Refresh, Reveal…

Hướng dẫn thực hiện Sublime Text 3 -AdvancedNewFile

*
AdvancedNewFile

AdvancedNewFile là plugin giúp tăng tốc sản xuất tập tin mới. Bạn chỉ việc nhấn Ctrl + alternative text + N vào Windows, Super + alternative text + N vào Mac/Linux nhằm trực tiếp gõ đường truyền đến tập tin mới. Với yên tâm, nếu như 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 tạo nên luôn.

Chọn màu nhanh với ColorPicker

ColorPicker

*
ColorPicker

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

Color Highlighter

*
Color Highlighter

Ghost​Text

*
Ghost​Text

Đây là một plugin thực sự rất thú vị. Nó giúp đỡ bạn kết nối Sublime text đến một vùng text trên browser. Ví dụ, chúng ta có thể làm việc với CodePen, nhưng cục bộ quá trình code của bạn sẽ được triển khai trên Sublime text, và chúng ta có thể sử dụng toàn bộ những chức năng, plugin của Sublime text. Sau khoản thời gian cài plugin này, bạn phải cài thêm extension mang đến browser.

Hướng dẫn thực hiện Sublime Text 3 – Bonus

Emoji

*
Emoji

Sử dụng plugin này, chúng ta có thể chèn thêm emoji tự Command palette. Chắc rằng không quan trọng lắm với phần đa ai áp dụng Mac vì chúng ta có thể mở emoji panel bằng phương pháp nhấn Control + Command + Space rồi.

Kết luận

Trên đó là những share hướng dẫn cách thực hiện sublime text 3 của chantamquoc.vn ý muốn gửi đến chúng ta đọc. Hi vọng với số đông kiến thức hữu ích này bạn sẽ nâng cao hiệu suất làm việc của mình với Sublime Text trong 2022. Nếu như khách hàng biết plugin nào tuyệt ho, hãy chia sẻ ở phần bình luận phía bên dưới nhé!

Đừng quên like share nhằm Họa mi Tech gồm thêm rượu cồn lực sáng chế thêm ngày càng nhiều phần lớn chủ đề tốt ho khác. Hãy vướng lại bình luận dưới nếu các bạn cần cung ứng thêm thông tin, giải đáp vướng mắc nhé! Cảm ơn các bạn đã theo dõi và đón đọc.

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *