TOP 15+ Plugins Cần Thiết Cho Dev Khi Dùng Sublime Text

ECShop Lab7 tháng trước583 lượt xem

Một trong những điều tạo nên sự tuyệt vời của Sublime đó là cấu trúc plugin (phần bổ trợ) có thể mở rộng được. Điều này giúp cho các lập trình viên mở rộng chức năng cốt lõi của Sublime Text.

Trong khuôn khổ bài viết này, chúng tôi sẽ phác thảo 15 plugin cần thiết của Sublime dành cho các lập trình viên PHP, mỗi plugin có thể giúp cải thiện tiến độ công việc của bạn và giúp bạn làm việc hiệu quả hơn. Chúng ta hãy cùng nhau khám phá nhé !

Sublime Text là gì ?

Sublime Text là một trình soản thảo code (Text Editor) dành cho lập trình viên do Jon Skinner tạo ra vào tháng 1 năm 2008. Text editor này là có trả phí tuy nhiên cho phép dùng thử vô thời hạn. Hỗ trợ trên các hệ điều hành phổ biến nên tha hồ sử dụng.

Hiệu năng của Sublime Text khá nhẹ, khởi động nhanh, tốn ít tài nguyên do base từ 2 ngôn ngữ lập trình nhanh mạnh là Python và C++ và có giao diện trực quan, dễ dàng tùy biến, rất bắt mắt. Đặc biệt nó hỗ trợ cực mạnh các plugin hay package từ cộng đồng nên giúp cho việc viết và maintain code trở nên dễ dàng hơn bao giờ hết. Tóm gọn lại:

  • Được sử dụng miễn phí nhưng thực ra là bản unregistered, thỉnh thoảng hiện sẽ ra pop-up thông báo bạn đang dùng thử và nhắc bạn mua bản chính thức nhưng bạn có thể bỏ qua và tiếp tục sử dụng.
  • Nhẹ, khởi động nhanh, tốn ít tài nguyên.
  • Nhiều tính năng hữu ích như chỉnh sửa tại nhiều vị trí một lúc, soạn thảo toàn màn hình, soạn thảo với layout nhiều cột…
  • Hỗ trợ nhiều plugin mạnh mẽ bởi cộng đồng developer đông đảo.
  • Giao diện đơn giản, tinh tế, có sẵn và hỗ trợ cài đặt nhiều theme.

Cài đặt các bạn có thể tham khảo trên trang chủ của Sublime Text. Bài này mình sẽ list các tác vụ giúp tối ưu Text editor trong quá trình làm việc, tối ưu nhiều thì bạn đỡ tốn thời gian.

Cách cài đặt Sublime Text 3

Để cài đặt Sublime Text 3 trên Windows hoặc macOS bạn truy cập vào trang tải sublime text 3 và chọn phiên bản phù hợp với hệ điều hành của mình.

Những Plugin Phải Có Khi Dùng Sublime Text Editor

 Những Plugin giúp lập trình viên sử dụng Sublime Text 3 hiệu quả hơn, rút ngắn thời gian code, giúp code bạn sạch và chuyên nghiệp hơn.

1. Package Control

Có thể nói đây là plugin đầu tiên mà bạn nên cài đặt ngay sau khi có Sublime Text (sau sẽ viết tắt là ST, bản tôi đang dùng là bản 3) trên máy. Với gói này, bạn có thể cài đặt, upgrade, gỡ bỏ các gói hay plugin khác.

2. Emmet

Emmet cũng là 1 plugin rất hữu ích gíup bạn viết code ít hơn, vì đó cũng tiết kiệm thời gian hơn. Nó giúp bạn expand code bằng cách ấn phím Ctrl + E hoặc Tab. Ví dụ, html:5 rồi Tab thì bạn sẽ được đoạn code dưới :

plugin emmet

3. BracketHighlighter

Cái này sẽ giúp bạn kiểm soát tốt hơn các cặp ngoặc và tag bằng cách highlight chúng lên cho dễ nhận biết để tránh gặp lỗi cú pháp khi code.

4. Alignment

Alignment giúp bạn canh hàng khi khai báo nhiều biến. Không chỉ hoạt động trên JS, Alignment còn hỗ trợ PHP. 

5. DocBlockr

Doc​Blockr là plugin giúp bạn viết diễn giải thuyết minh (comment) cho code, hàm Functions, Class nhanh chóng, tiện lợi. Chỉ cần để con trỏ ở trước hàm hay phương thức, gõ /** và Tab, DocBlockr sẽ tự động nhận biết các tham số và giá trị trả về ==> Nhìn Code bạn trong Chuyên nghiệp hẳn lên.

DocBlockr Sublimetext

DocBlockr cũng hỗ trợ nhiều ngôn ngữ khác như: CoffeeScript, TypeScript, PHP, ActionScript, Haxe, Java, Apex, Groovy, Objective C, C, C++, và Rus

6. SublimeCodeIntel

Dễ dàng tìm ra các function,class,.. đang sử dụng được viết từ đâu, trong file nào.

7. SideBarEnhancements

SideBarEnhancements Sublimetext

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

8. AdvancedNewFile

AdvancedNewFile

AdvancedNewFile là plugin giúp 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 tạo ra luôn.

9. AutoFileName

Package này sẽ hiển thị ra tất cả các file có trong thư mục để các bạn có thể nhúng file đơn giản hơn

AutoFileName

10. SFTP

Plugin này cho phép bạn kết nối đồng bộ code với Remote Server thông qua tài khoản FTP một cách nhanh chóng. Giúp bạn chỉnh sửa code nhanh mà không cần cài thêm phần mềm bên thứ 3 khác như Cute FTP hay Filezilla.

SFTP

11. A File Icon

A File Icon

Plugin này đóng vai trò hiển thị đúng icon kiểu định dạng tập tin giúp bạn có cái nhìn trực quan hơn. Dễ phân biệt các file hơn.

12. SublimeLinter

Đây là gói hỗ trợ bạn kiểm tra được xem có lỗi cú pháp nào ko trong code, và cũng là giúp bạn viết code được rõ ràng hơn. Đặc biệt là nó hỗ trợ rất nhiều ngôn ngữ như PHP, Javascript, Java, CSS, HTML, Python, Ruby, Json, CoffeeScript, Google Closure, XML, React.js, Markdown, Perl, C, C++, SQL, Bootstrap ... Nhưng để hỗ trợ tất cả những ngôn ngữ đó thì bạn cần cài đặt những gói riêng lẻ cho chúng.

- SublimeLinter-php: Debug lỗi khi bạn sử dụng PHP

- SublimeLinter-jshint: Debug lỗi khi bạn sử dụng Js

13. iQuery

Dường như jQuery đang dần ít được sử dụng đến, nhưng nó vẫn còn hữu ích đến không ngờ nếu bạn không xây dựng một trang web hoàn toàn mang tính tương tác hay bạn chỉ muốn thêm chức năng vào một ứng dụng hiện có.

Plugin này cung cấp thêm syntax highlighting và hầu hết tất cả các jquery method là các snippet. Các snippet này được truy cập bằng cách gõ tên method và chọn cái phù hợp.

14. DeleteBlankLines

Giúp xóa đi những dòng trống trong code, giúp code sạch và gọn gàng hơn.

15. ColorPicker

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

16. Color Highlighter

Sử dụng plugin này, bạn có thể nhìn thấy trực quan những màu sắc tương ứng với mỗi giá trị màu như HEX, RGBA...ngay trong mã nguồn.

Tạm Kết

Trên đây là các plugin tôi đã cài đặt để sử dụng trong qúa trình làm quen với ST mà tôi muốn chia sẻ. Hy vọng chúng cũng sẽ hữu ích cho việc phát triển của những bạn mới dùng ST

Ngoài ra các bạn có thể xem thêm các Plugin phổ biến được sử dụng nhiều nhất tại link https://packagecontrol.io/browse/popular.