Phần mềm lập trình Tài nguyên

Các Plugin (Package) Cần Thiết Cho Sublime Text 3 – vDevPro

Ở bài trước vDevPro đã giới thiệu tới bạn một bài viết hướng dẫn để làm sao có thể cài đặt được phần mền Sublime Text 3 cũng như làm sao kích hoạt key bản quyền cho nó sử dụng vĩnh viễn không còn thông báo nhập Key mỗi lần sử dụng rất khó chịu. Nếu bạn quan tâm thì hãy tham khảo bài viết này Cài Đặt Sublime Text 3

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

cac plugin can thiet cho sublime text 3

Mặc định khi bạn sử dụng phần mềm này bình thường không cài bất kỳ các Plugin nào hỗ trợ thì nó KHÔNG phát huy hết tác dụng của nó. Vì nó được cộng đồng lập trình viên trên thế giới nhận xét là Nhanh – Link Hoạt – Hỗ trợ đầy đủ các ngôn ngữ. Vậy để phát huy hết tác dụng như thế thì ta cần phải cài đặt các Package (Hay còn gọi là Plugin) hỗ trợ nó phát huy khả năng mà nó làm được.

Trong bài viết này vDevPro xin được giới thiệu đến bạn các Plugin thông dụng hay được sử dụng. Dưới đây cũng chỉ là các Plugin cần thiết mà thôi. Ngoài ra nếu bạn muốn hỗ trợ nhiều hơn thì bạn hãy vào trang chủ của họ để tìm hiểu thêm nhé.

Các Package Thông Dụng Sublime Text 3

1. Cài đặt Package Control

Cho dù bạn làm gì sau này đi nữa thì việc đầu tiên bạn cần phải làm đó là cài đặt Package Control. Tại vì nó là cốt lõi để sau này bạn có thể cài thêm bất kỳ một Package (Plugin) nào khác cũng như một Theme (Giao diện) nào đó bạn muốn thay đổi. Package Control này sẽ quản lý tất các các Package bạn đã cài bao gồm thêm, xóa,…

Tại giao diện phần mềm bạn hãy vào Menu View  sau đó vào Show Console hoặc bạn cũng có thể gõ phím tắt Ctrl + ` 

Bạn tiến hành Copy đoạn mã dưới đây vào và Enter

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

cac Package thong dung sublime text 3

Đoạn mã trên bạn có thể truy cập vào đường dẫn dưới đây để copy về cũng được. Vì qua các phiên bản thì đoạn mã trên có thể sẽ thay đổi. Bởi vậy để chắc chắn không sai sót thì bạn nên copy ở Link dưới đây. Bạn chọn Tab là Sublime Text 3 nhé

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

cac Package thong dung sublime text 3 01

Hướng dẫn cài đặt thêm Package (Plugin) cho Sublime text 3

Để cài thêm Package (Plugin) nào khác thì bạn tại cửa sổ phần mềm bạn bạn nhấn tổ hợp phím Ctrl + Shift + P

Bạn tiến hành gõ lệnh sau Install Package và bạn chọn vào dòng Package Control: Install Package

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

cac Package thong dung sublime text 3 02

Oke tại đây bạn có thể gõ tên các Package bạn muốn cài thêm vào và chọn vào Package thì Sublime Text sẽ tự động cài đặt cho bạn.

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

cac Package thong dung sublime text 3 03

Để biết được danh sách các Package mà Sublime Text có thì bạn truy cập vào đường dẫn sau:

Bạn có thể tìm kiếm mọi thứ các Plugin mà phần mềm này cho phép bạn sử dụng

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

cac Package thong dung sublime text 3 04

Dưới đây vDevPro liệt kê cho bạn một số Package mà đã số các lập trình viên hay sự dụng.

1. Plugin SideBarEnhancements

Plugin cho phép bạn quản lý thự mục Project của bạn trở nên dễ dàng hơn bao giờ hết. Mặc định nếu bạn không cài Plugin này thì phần mềm Sublime Text chỉ hỗ trợ bạn quản lý thư mục chỉ có vài chức năng thôi. Khi cài Plugin này thì bạn làm được nhiều hơn thế.

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

Plugin SideBarEnhancements

2. Plugin Advanced New File

Bình thường khi bạn muốn tạo một tập tin hay thư mục nào đó thì bạn cần phải duyệt qua thư mục đó chuột phải để tạo mới đúng không? Với plugin Advanced New File thì mọi chuyện trở nên dễ dàng hơn bao giờ hết. Bạn chỉ cần gõ phím tắt ctrl + alt + n và tiến hành gõ đường dẫn file mới bạn muốn tạo là xong.

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

Advanced New File

3. Plugin Emmet

Nó là plugin cực kỳ mạnh cho phép bạn gõ tắt cấu trúc HTML cực nhanh. Nó hỗ trợ cả gõ bootstrap nữa. Bạn chỉ cần gõ vài từ nó sẽ hiện ra cho bạn.

Để làm chủ được Plugin Emmet này thì bạn cần có thời gian và bạn hãy tham khảo ở trang dưới đây để biết cách sử dụng nhé:

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

Plugin Emmet

4. Plugin JavaScript & NodeJS Snippets

Plugin này cũng giống Emmet nhưng thay vì hỗ trợ HTML thì nó hỗ trợ gõ tắt ngôn ngữ JavaScript rất nhanh và chuyên nghiệp

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

Plugin JavaScript & NodeJS Snippets

5. Plugin color hightlighter

Với Plugin này thì khi bạn viết mã nguồn CSS và khi bạn tiến hành gõ mã màu nào đó và nhấn chuột vào đó thì nó sẽ hiện thị luôn màu sắc của mã màu đó. Rất là tiện lợi phải không?

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

plugin color hightlighter

6. Plugin AutoPrefixer

Nếu bạn là Font-End hay tiếp xúc nhiều đến mã CSS thì bạn thấy với mỗi trình duyệt như là Chrome, Firefox, Safari, IE,… thì với mỗi một trình duyệt này thì tương ứng một dòng lệnh ví Display chẳng hạn thì sẽ có mã viết khác nhau và bạn không thể nào nhớ hết nổi. Thay vì phải nhớ thì Plugin AutoPrefixer thì mọi chuyện trở nên đơn giản.

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

plugin AutoPrefixer

7. Plugin HTML-CSS-JS Prettify

Plugin này có chức năng sẽ Format lại code của bạn theo chuẩn cũng như gọn gàng lại dễ dĩ. Thử hỏi với một file bạn viết mã lộn xộn và người khác đọc vào thì sẽ nghĩ thế nào? Chính vì vậy ta cần Format lại chúng. Nó hỗ trợ các ngôn ngữ: HTML, CSS, Javascript và JSON. Bạn chỉ cẩn nhấn tổ hợp phím Ctrl + shift+ h để Format.

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

Plugin HTML-CSS-JS Prettify

8. Plugin CodeIntel

Nếu bạn làm code phía Backend chẳng hạn như là ngôn ngữ PHP chẳng hạn thì khi bạn viết một Function nào đó mà ở một file khác bạn gọi tới nó thì khi sử dụng Plugin CodeIntel thì khi bạn click chuột Function  đó nó sẽ nhảy tới file khởi tạo Function  đó. Điều này cực kỳ hay nếu bạn muốn biết Function  có chức năng là gì cũng như có những tham số Params là gì.

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

plugin CodeIntel

9. Plugin AutoFileName

Với Plugin AutoFileName thì nó sẽ hiện thị tất cả các File, thư mục nằm trong đường dẫn bạn muốn nhúng vào ra hco bạn lựa chọn. Nó rất hữu ích nếu như bạn không như tên file muốn kéo lại phải mở thư mục đó ra xem thì điều đó rất mất thời gian và công sức,

Link cài đặt và sử dụng:

Các Plugin (Package) Cần Thiết Cho Sublime Text 3   vDevPro

plugin AutoFileName

Trên đây vDevPro liệt kệ cho bạn các Package hay được sử dụng trong phần mềm Sublime Text. Ngoài ra nếu bạn muốn làm chủ được phầm mền này thì bạn hãy xem series video trên Youtube do Team ZendVN phát hành để bạn hiểu rõ hơn vấn đề này nhé.