CĂN CHỈNH CODE TRONG SUBLIME TEXT

      5

Sublime Text 3 là giữa những trình biên soạn thảo phổ cập nhất hiện nay. So với Atom tốt VSCode, Sublime chiếm phần ưu thế hơn nhiều nhờ tốc độ nhanh, giao diện 1-1 giản, và có đầy đủ các tài năng mạnh mẽ. Để khai thác hết khả năng của Sublime, bạn nên lưu ý một số thủ thuật "nhỏ mà có võ" dưới đây.

Bạn đang xem: Căn chỉnh code trong sublime text

Nhắn nhủ: Package Control là kho plugin dành riêng Sublime, chúng ta rất nên áp dụng để cai quản các phần mở rộng tiện lợi hơn. Để thiết lập Package Control, bạn có thể làm theo hướng dẫn này.

Tận dụng phím tắt

Dùng phím tắt để triển khai tác vụ luôn nhanh hơn dùng chuột giỏi menu. Các bạn không độc nhất thiết buộc phải học ở trong lòng phần lớn phím tắt này, mà chỉ cần nhớ là chúng có tồn trên để dễ dàng bề "lục lọi" lúc cần.

| Chung | || ---------------------------- | --------------------------------------------------------------- || Ctrl+Shift+P | Mở Command Prompt || Ctrl+K, Ctrl+B | Ẩn/hiện side bar || Chỉnh sửa | || Ctrl+Shift+↑ | dịch rời dòng/vùng chọn lên 1 loại || Ctrl+Shift+↓ | dịch chuyển dòng/vùng chọn xuống 1 cái || Ctrl+L | Chọn chiếc hiện tại, liên tiếp nhấn Ctrl+L để chọn dòng tiếp theo sau || Ctrl+D | lựa chọn một từ, liên tục nhấn Ctrl+D để chọn hồ hết từ kiểu như vậy || Ctrl+Shift+D | Nhân song dòng hiện tại || Ctrl+M | Đi tới dấu đóng ngoặc gần nhất - tái diễn để đi tới vết mở ngoặc || Ctrl+Shift+M | Chọn cục bộ nội dung trong vệt ngoặc || Ctrl+Shift+K | Xóa toàn cục dòng || Ctrl+> | Lùi dòng bây giờ vào trong 1 tab || Ctrl+< | Lùi cái hiện tại ra ngoài 1 tab || Ctrl+/ | Comment/Un-comment dòng/vùng chọn lúc này || Điều hướng/di chuyển | || Ctrl+P | Mở nhanh file bởi tên || Ctrl+R | Đi mang lại kí tự phải tìm || Ctrl+; | Đi đến từ trong file lúc này || Ctrl+G | Đi đến dòng trong file bây giờ || Tìm kiếm và vắt thế | || Ctrl+F | tìm kiếm || Ctrl+H | sửa chữa || Ctrl+Shift+F | Tìm trong những file sẽ mở || Tabs | || Ctrl+Shift+T | Mở tab sẽ đóng gần nhất || Ctrl+Tab | Di chuyển qua lại giữa các tab || Ctrl+W | Đóng tab bây giờ || Alt+ | Đi tới tab lắp thêm || Chia màn hình | || Alt+Shift+NUM | Chia screen thành cột || Alt+Shift+5 | Chia màn hình thành grid tất cả 4 groups || Alt+Shift+8 | Chia màn hình hiển thị thành 2 hàng || Ctrl+ | Đi tới group thiết bị || Ctrl+ | gửi file tới group sản phẩm công nghệ || Bookmarks | || Ctrl+F2 | Bookmarks/Bỏ bookmarks || F2 | Đi tới bookmarks tiếp sau || 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 | đưa vùng chọn sang chữ in hoa || Ctrl+K, Ctrl+L | đưa vùng lựa chọn sang chữ hay |

Tô color mã mối cung cấp với những gói mở rộng ngôn ngữ

Sau khi sở hữu đặt, Sublime hỗ trợ đến hơn 50 ngôn ngữ lập trình. Tuy nhiên, nếu thao tác với Angular, Vue, React hay phần lớn framework/ngôn ngữ mới, bạn phải cài đặt thêm những phần không ngừng mở rộng để Sublime hoàn toàn có thể hiểu cùng tô màu sắc mã nguồn. Tùy nhu cầu ví dụ mà bạn có thể tìm thấy plugin khớp ứng trên Package Control. thietkewebhcm.com.vn liệt kê dưới đây những plugin phổ biến nhất.

Ngôn ngữ

Thư viện

Emmet

Với xây dựng 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 phương pháp dùng biểu thức biểu thị HTML, sau đó Emmer sẽ mở rộng biểu thức này. Chẳng hạn, khi chúng ta viết #content>p.text*5>lorem, Emmet vẫn "úm bố la" thành:

*

Không chỉ hỗ trợ làm việc với HTML, Emmet cũng biểu thức HTML phía bên trong JSX. Để tìm hiểu thêm về phương pháp viết biểu thức, bạn cũng có thể tham khảo sinh hoạt đây.

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

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ày gõ document.querySelector("selector");, bạn chỉ cần gõ qs, dấn Tab, cùng Sublime sẽ làm cho phần việc còn sót lại giúp bạn. Hoặc gi như ví dụ bên dưới đây.

*

Nếu thấy Emmet khá phức tạp, bạn cũng có thể sử dụng một plugin khác giống như là HTML Snippets. Plugin này có ít công dụng hơn, tuy vậy dễ áp dụng hơn.

*

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

Định dạng mã nguồn

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

Canh sản phẩm với Alignment

*

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

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

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

Xem thêm: Cách Sử Dụng Outlook 2003 ? Cách Sử Dụng Microsoft Office Outlook 2003

*

DocBlockr ko chỉ cung ứng JavaScript hơn nữa dùng được với rất nhiều ngôn ngữ khác ví như PHP, CoffeeScript, TypeScript...

Làm bài toán 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 trong Sublime, bao gồm khá nhiều chức năng thông dụng, ví dụ như thêm files, sinh sản commits, coi logs... Mà không đề nghị rời khỏi trình soạn thảo.

GitGutter

*

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

GitHubinator

*

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

GistGist được cho phép bạn nhờ cất hộ đoạn code được lựa chọn lên thương mại dịch vụ Gist của Github.

Linter

Sublime Linter

*

Trong quá trình code, việc mắc phải những lỗi về cú pháp là bắt buộc tránh khỏi. Plugin này cung cấp một căn cơ để các chương trình soát sổ lỗi, ví dụ như ESLint, hoàn toàn có thể được phối kết 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 cung cấp sidebar

Side Bar Enhancements

*

Sidebar mặc định của Sublime cung ứng số lựa chọn số lượng giới hạn để thao tác làm việc với tập tin xuất xắc tìm kiếm. Thực hiện plugin này, bạn sẽ có thêm khoảng tầm 20 tuyển lựa mới, bao gồm Open in browser, Duplicate, Refresh, Reveal...

AdvancedNewFile

*

AdvancedNewFile là plugin giúp tăng tốc tạo ra tập tin mới. Bạn chỉ việc nhấn Ctrl + alternative text + N vào Windows, Super + alt + 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, nếu như tập tin bên trong thư mục chưa tồn tại, thư mục new sẽ được tạo nên luôn.

Chọn màu cấp tốc với ColorPicker

ColorPicker

*

Plugin này sẽ cho mình một hộp thoại bé dại để chọn màu trường đoản cú 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 cứ vị trí nào trên màn hình hiển thị của bạn.

Color Highlighter

*

Sử dụng plugin này, bạn cũng có thể nhìn thấy trực quan liêu những màu sắc tương ứng với mỗi quý hiếm màu như HEX, RGBA...ngay vào mã nguồn.

Ghost​Text

*

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

Bonus

Emoji

*

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

Kết

Với những plugin được reviews ở đây, thietkewebhcm.com.vn mong muốn là để giúp bạn cải thiện hiệu suất thao tác trong Sublime Text. Nếu như bạn biết plugin nào tuyệt ho, hãy chia sẻ ở phần comment phía bên dưới nhé!

hotlive |

Hi88