Sublime Text 3 là một trong những trình biên soạn phổ biến nhất hiện nay. so với Atom hay VSCode, Sublime chiếm ưu thế hơn hẳn nhờ tốc độ nhanh, bố cụ và giao diện giản đơn, và có đầy đủ các tính năng mạnh mẽ. Hãy cùng coder.com.vn theo dõi bài viết bên dưới và học cách sử dụng sublime text 3 một cách đơn giản mà dễ hiểu nhé
Tận dụng phím tắt
dùng phím tắt để thực thi tác vụ luôn nhanh hơn sử dụng chuột hay thực đơn. Bạn không nhất thiết phải học thuộc lòng mọi phím tắt này, mà chỉ cần nhớ là chúng có tồn tại để dễ bề “lục lọi” khi cần.
| Chung | |
|---|---|
| Ctrl+Shift+P | Mở Command Prompt |
| Ctrl+K, Ctrl+B | Ẩn/hiện side bar |
| thay đổi | |
| Ctrl+Shift+↑ | dịch chuyển dòng/vùng chọn lên 1 dòng |
| Ctrl+Shift+↓ | chuyển dịch dòng/vùng chọn xuống 1 dòng |
| Ctrl+L | Chọn dòng hiện tại, bắt đầu nhấn Ctrl+L để chọn dòng tiếp theo |
| Ctrl+D | Chọn một từ, tiếp tục nhấn Ctrl+D để chọn những từ giống vậy |
| Ctrl+Shift+D | Nhân đôi dòng hiện tại |
| Ctrl+M | Đi tới dấu đóng ngoặc gần nhất – Lặp lại để đi tới dấu mở ngoặc |
| Ctrl+Shift+M | Chọn tất cả nội dung trong dấu ngoặc |
| Ctrl+Shift+K | Xóa toàn bộ dòng |
| Ctrl+] | Lùi dòng hiện tại vào trong 1 tab |
| Ctrl+/ | Comment/Un-comment dòng/vùng chọn hiện tại |
| Điều hướng/di chuyển | |
| Ctrl+P | Mở nhanh tệp bằng tên |
| Ctrl+R | Đi đến kí tự cần tìm |
| Ctrl+; | Đi được biết đến từ trong tệp hiện tại |
| Ctrl+G | Đi đến dòng trong file hiện tại |
| ** Tìm kiếm và thay thế ** | |
| Ctrl+F | Tìm |
| Ctrl+H | Thay thế |
| Ctrl+Shift+F | Tìm trong các tệp đang mở |
| Tabs | |
| Ctrl+Shift+T | Mở tab đã đóng gần nhất |
| Ctrl+Tab | Di chuyển qua lại giữa các tab |
| Ctrl+W | Đóng tab hiện tại |
| Alt+[NUM] | Đi tới tab thứ [NUM] |
| Alt+Shift+5 | Chia màn hình thành grid gồm 4 groups |
| Alt+Shift+8 | Chia màn tạo thành 2 hàng |
| Ctrl+[NUM] | Đi tới nhóm thứ [NUM] |
| Ctrl+[NUM] | Chuyển tệp tới group thứ [NUM] |
| Bookmarks | |
| Ctrl+F2 | Bookmarks/Bỏ bookmarks |
| F2 | Đi tới bookmarks kế tiếp |
| Shift+F2 | Đi tới bookmarks trước |
| Ctrl+Shift+F2 | Xóa tất cả bookmarks |
| thao tác với văn bản | |
| Ctrl+K, Ctrl+U | Chuyển vùng chọn sang chữ in hoa |
| Ctrl+K, Ctrl+L | Chuyển vùng chọn sang chữ thường |
Tô màu mã nguồn với các gói mở rộng ngôn ngữ
Sublime hỗ trợ đến hơn 50 ngôn ngữ lập trình. tuy vậy, nếu như thực hiện công việc với Angular, Vue, React hay những framework/ngôn ngữ mới, bạn luôn phải thiết lập thêm các phần mở rộng để Sublime có thể hiểu và tô màu mã nguồn. Tùy mong muốn nhất định mà bạn sẽ tìm thấy plugin tương ứng trên Package Control.Tôi liệt kê phía dưới những plugin thông dụng nhất.
Ngôn ngữ
- Babel (React): bên cạnh giúp đỡ và hỗ trợ các tính năng mới trong ES6, ES7, plugin này cũng giúp đỡ và hỗ trợ tô màu cho JSX
- Better CoffeeScript
- Flow
- TypeScript
Thư viện
- AngularJS
- Vue Syntax Highlight
- EmberScript
Emmet
Với lập trình viên front-end, Emmet là plugin không thể không có rồi. Emmet cho phép bạn viết HTML “nhanh như chảo chớp” bằng việc dùng biểu thức mô tả HTML, sau đó Emmer sẽ mở rộng biểu thức này. Chẳng hạn, khi bạn viết #content>p.text*5>lorem, Emmet sẽ “úm ba la” thành:
không chỉ giúp đỡ và hỗ trợ thực hiện công việc với HTML, Emmet cũng biểu thức HTML bên trong JSX. Để tìm hiểu thêm về cách viết biểu thức, bạn có thể tham khảo ở đây.
Điều gì sẽ là “hot” cho lập trình Front-end ( CSS, HTML ) tại Mobifone Global, một doanh nghiệp mang quy mô công nghệ toàn cầu?”]
Các gói snippets hữu ích
JavaScript & NodeJS Snippets, như tên gọi, gồm có các snippets dà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ỉ phải gõ qs, nhấn Tab, và Sublime sẽ làm phần việc còn lại giúp bạn. Hoặc gi như ví dụ phía dưới.
nếu như thấy Emmet hơi phức tạp, bạn sẽ dùng một plugin khác tương tự là HTML Snippets. Plugin này có ít tính năng hơn, nhưng dễ dàng để sử dụng hơn.
Bên cạnh đó, cũng đừng quên những gói snippets khi thực hiện công việc với các thư viện/framework, giống như ReactJS Snippets, AngularJS Snippets, VueJS Snippets…
Với CSS, bạn chỉ phải cài CSS Snippets là có hỗ trợ CSS, LESS, SASS và Stylus.
Định dạng mã nguồn
bằng việc sử dụng HTMLBeautify, CSS Format, Pretty JSON hoặc jsfmt, bạn có thể chọn tự động định dạng mã nguồn khi lưu files. nếu là fan của Prettier, bạn đừng bao giờ quên plugin JsPrettie nữa nhé.
xem thêm : 10+ thủ thuật giúp dùng Sublime Text 3 tốt hơn (Phần 1)
Canh hàng với Alignment
Alignment giúp cho bạn canh hàng khi khai báo nhiều biến. k chỉ công việc trên JS, Alignment còn giúp đỡ và hỗ trợ PHP. Để tùy chỉ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ằng Trimmer
Trimmer giúp cho bạn loại bỏ những khoảng trắng thừa một phương pháp khẩn trương. ngoài ra plugin này còn có công dụng Replace Smart Characters, giúp thay thế những ký tự Đáng chú ý giống như « thành <<.
sử dụng DocBlockr để viết tài liệu
Trong tiến trình viết code, thỉnh thoảng con người phải viết thêm ebook miêu tả về hàm hay lớp đã xây dựng. mục tiêu là để tiến trình bảo trì ứng dụng không khó nhằn hơn, các member mới du nhập team cũng easy kiểm soát thông tin hơn. DocBlockr là plugin giúp bạn viết những ebook này gấp rút, tiện dụng. chỉ cần để con trỏ ở trước hàm hay công thức, gõ /** và Tab, DocBlockr sẽ auto nhận biết các tham số và giá trị trả về.
DocBlockr k chỉ support JavaScript mà còn dùng được vớ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 giúp cho bạn dùng Git trực tiếp bên trong Sublime, bao gồm khá là nhiều chức năng đa dạng, chẳng hạn như thêm files, tạo commits, coi logs… mà k cần rời khỏi trình biên soạn thảo.
GitGutter
GitGutter theo dõi repo ở thư mục bây giờ, cho bạn biết trạng thái của mỗi dòng và mang đến một cái Nhìn tổng quan về những refresh trong tập tin đã được thay đổi.
GitHubinator
GitHubinator là một plugin cho phép bạn bôi đen code trong Sublime text, và hightlight đoạn code đấy trên remote repo của Github (nếu như đoạn code đấy tồn tại).
tham khảo thêm : hướng dẫn các cách sử dụng sublime text 3 mới nhất 2020
Vũ – Tổng hợp
Tham khảo ( topdev.vn, lamweb.vn, … )
Bình luận về chủ đề post