cách sử dụng sublime text 3 là một trong những từ khóa được search nhiều nhất trên google về chủ đề cách sử dụng sublime text 3. Trong bài viết này,lamweb.vn sẽ viết bài viết Hướng dẫn các cách sử dụng sublime text 3 mới nhất 2020.
Hướng dẫn những cách sử dụng sublime text 3 mới nhất 2020 .
Tận dụng phím tắt
sử dụng phím tắt để thực thi tác vụ luôn mau hơn sử dụng chuột hay thực đơn. Bạn k 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ó sống sót để easy bề “ lục lọi ” khi cần .
| Chung |
|
| Ctrl+Shift+P |
xây dựng
Command Prompt |
| Ctrl+K, Ctrl+B |
Ẩn/hiện side bar |
| Chỉnh sửa |
|
| Ctrl+Shift+↑ |
vận động và di chuyển dòng/vùng chọn lên 1 thể loại |
| Ctrl+Shift+↓ |
chuyển dời dòng/vùng chọn xuống 1 thể loại |
| Ctrl+L |
lựa chọn dòng cho đến nay, liên tục bấm Ctrl+L để chọn dạng tiếp theo |
| Ctrl+D |
chọn một từ, liên tục nhấn Ctrl+D để chọn những từ giống vậy |
| Ctrl+Shift+D |
Nhân đôi dạng giờ đây |
| Ctrl+M |
Đi tới dấu đóng ngoặc gần nhất – Lặp lại để đi tới dấu kiến thiết xây dựng ngoặc |
| Ctrl+Shift+M |
chọn toàn bộ nội dung trong dấu ngoặc |
| Ctrl+Shift+K |
Xóa hàng loạt dạng |
| Ctrl+] |
Lùi thể loại giờ đây vào trong 1 tab |
| Ctrl+[ |
Lùi thể loại hiện giờ ra ngoài 1 tab |
| Ctrl+/ |
Comment/Un-comment dòng/vùng chọn giờ đây |
| Điều hướng/di chuyển |
|
| Ctrl+P |
kiến thiết xây dựng mau file bằng tên |
| Ctrl+R |
Đi đến kí tự cần tìm |
| Ctrl+; |
Đi đến từ trong file hiện tại |
| Ctrl+G |
Đi đến định dạng trong file giờ đây |
| search và thay thế |
|
| Ctrl+F |
Tìm |
| Ctrl+H |
Thay thế |
| Ctrl+Shift+F |
Tìm trong các file vừa mới kiến thiết xây dựng |
| Tabs |
|
| Ctrl+Shift+T |
thiết kế xây dựng tab đã đóng gần nhất |
| Ctrl+Tab |
Di chuyển qua lại giữa các tab |
| Ctrl+W |
Đóng tab giờ đây |
| Alt+[NUM] |
Đi tới tab thứ [NUM] |
| Chia màn hình |
|
| Alt+Shift+NUM |
Chia màn hình thành [NUM] cột |
| Alt+Shift+5 |
Chia màn hình thành grid gồm 4 groups |
| Alt+Shift+8 |
Chia màn tạo dựng 2 hàng |
| Ctrl+[NUM] |
Đi tới group thứ [NUM] |
| Ctrl+[NUM] |
Chuyển file tới nhóm thứ [NUM] |
| Bookmarks |
|
| Ctrl+F2 |
Bookmarks/Bỏ bookmarks |
| F2 |
Đi tới bookmarks tiếp theo |
| Shift+F2 |
Đi tới bookmarks trước |
| Ctrl+Shift+F2 |
Xóa all 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 lựa chọn sang chữ thường |
Tô màu mã gốc với các gói mở rộng ngôn ngữ
Sau khi setup, Sublime tương hỗ đến hơn 50 ngôn từ lập trình. ngoài những, nếu thao tác với Angular, Vue, React hay những framework / ngôn từ mới, bạn cần phải thiết lập thêm những phần kiến thiết xây dựng rộng để Sublime đủ sức hiểu và tô màu mã nguồn. Tùy nhu yếu đơn cử mà bạn đủ sức tìm thấy plugin tương ứng trên Package Control. Ehkoo liệt kê dưới đây những plugin thông dụng nhất .
Ngôn ngữ
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ể thiếu rồi. Emmet cho phép bạn viết HTML “nhanh như chảo chớp” bằng hướng dẫn sử 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:
k chỉ tương hỗ thao tác với HTML, Emmet cũng biểu thức HTML bên trong JSX. Để điều tra và nghiên cứu thêm về hướng dẫn viết biểu thức, bạn hoàn toàn có thể tìm hiểu thêm ở đây .
Các gói snippets hữu dụng
JavaScript & NodeJS Snippets, như tên gọi, bao gồm các snippets dành riêng cho JavaScript, giúp 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à 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 vất vả, bạn đủ sức sử dụng một plugin không giống tương tự như là HTML Snippets. Plugin này có ít tính năng hơn, nhưng easy sử dụng hơn .
EHKOO @ FACEBOOK
Tặng một likethể hiện tình cảm nha !
bên cạnh đó, cũng đừng quên những gói snippets khi thao tác với những thư viện / framework, ví dụ điển hình giống như ReactJS Snippets, AngularJS Snippets, VueJS Snippets …
Với CSS, bạn chỉ cần cài CSS Snippets là có tư vấn CSS, LESS, SASS và Stylus .
xu thế 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 của Prettier, bạn đừng quên plugin JsPrettier.
Canh hàng với Alignment
Alignment giúp bạn canh hàng khi khai báo nhiều biến. k chỉ hoạt động giải trí trên JS, Alignment còn tương hỗ 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 chừng trắng dư thừa bằng Trimmer
Trimmer giúp bạn loại bỏ những khoảng trắng thừa 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ý tự đặc 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 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ó 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ỉ cần để con trỏ ở trước hàm hay phương pháp, gõ /** và Tab, DocBlockr sẽ auto nhận biết các tham số và giá trị trả về.
DocBlockr k chỉ tư vấn JavaScript mà còn sử dụng được với nhiều ngôn từ khác giống như PHP, CoffeeScript, TypeScript …
sử dụng việc với git và GitHub
Git
Plugin này giúp bạn sử dụng Git trực tiếp bên trong Sublime, gồm có khá nhiều tính năng phong phú, ví dụ điển hình như thêm files, tạo commits, xem 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 giờ đây, cho bạn biết thực trạng 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 chỉnh sửa .GitHubinator
GitHubinator là một plugin được cho phép bạn bôi đen code trong Sublime text, và hightlight đoạn code đó trên remote repo của Github ( nếu như đoạn code đó sống sót ) .
Gist
Gist 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 những lỗi về cú pháp là không hề tránh khỏi. Plugin này cung ứng một nền tảng để những chương trình check lỗi, ví dụ như ESLint, hoàn toàn có thể được tích hợp vào Sublime. Sau khi thiết lập Sublime Linter, bạn cần cài riêng những gói riêng cho từng ngôn từ .
Nâng cấp sidebar
Side Bar Enhancements
Sidebar mặc định của Sublime cung cấp số chọn hạn chế để thao tác với tập tin hay kiếm tìm. dùng plugin này, 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 tổ, Reveal …
AdvancedNewFile
AdvancedNewFile là plugin giúp gia tăng tốc tạo tập tin mới. Bạn chỉ cần nhấn Ctrl + Alt + 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, nếu tập tin nằm trong thư mục chưa tồn tại, thư mục mới 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 nhỏ để 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 hoàn toàn có thể nhìn thấy trực quan những sắc tố tương ứng với mỗi trị giá màu giống như HEX, RGBA … ngay trong mã nguồn .
Ghost Text
Đây là một plugin thực sự rất mê hoặc. Nó giúp bạn link Sublime text đến một vùng text trên browser. gợi ý, bạn đủ nội lực thao tác với CodePen, nhưng tổng thể quy trình code của bạn sẽ được thực thi trên Sublime text, và bạn hoàn toàn có thể sử dụng tổng thể 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 cho browser .
Bonus
Emoji
sử dụng plugin này, bạn đủ sức chèn thêm emoji từ Command palette. Có lẽ không quan trọng lắm với những 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.
Nguồn : internet.com
