Một số Package trong Sublime Text 3

Tổng hợp trên internet

1. Emmet 

Đây là package cho phép chúng ta gõ tắt code HTML&CSS cách dùng là dùng các cú pháp gõ tắt mà emmet hỗ trợ sau đó ấn tab để thực hiên.

2. Bootstrap 3 Snippets

3. SideBarEnhancements

Package này tạo ra các context menu với nhiều tiện ích tốt như open in browser...

4. AdvancedNewFile

Package này giúp bạn thể tạo ra các tập tin mới với tốc độ nhanh. Thay vì duyệt qua các thư mục, và sử dụng các menu, bạn chỉ cần mở một dấu nhắc với ctrl + alt + n và viết đường dẫn đến tập tin mới của bạn.

5. Jquery

JQuery thư viện JavaScript đa trình duyệt được thiết kế để đơn giản hóa lập trình phía máy người dùng của HTML.

6. Placeholders

Sublime Text 3 có bộ tạo sẵn Lorem Ipsum mà bạn có thể sử dụng để tạo văn bản giả. Plugin Placeholders mở rộng chức năng đó và cho phép Sublime Text tạo ra một cách nhanh chóng cho hình ảnh*(image), form, list và table của placeholder.

7. AutoFileName

Hiện tên tất cả file có trong thư mục để nhúng.

8. AutoPrefixer

Tạo prefix cho trình duyệt tương ứng.

9. SublimeCodeIntel

Khi code, đôi khi bạn không thể nhớ tất cả các tính năng của một function việc được nhắc giúp đó giống như cái phao vậy, và SublimeCodeIntel chính là cái phao mình muốn nói đến, nó hỗ trợ cho bạn việc hiển thị, gợi ý khi bạn code, như các functions, biến, object, string ...

10. SublimeLinter 

Báo gõ sai.

11. BracketHighlighter 

Sáng dấu đóng mở ngoặc.

>> Những Package nên cài thêm cho PHP + CSS + Javascript:

• SublimeLinter-php
• SublimeLinter-jshint
• SublimeLinter-json
• SublimeLinter-csslint

12. Color HighLighter

Hiển thị màu sắc mã màu.

13. Color Picker

Lấy mã màu ko cần pts. "Ctrl+Shift+C" để mở hộp thoại.

14. HTML-CSS-JS Prettify

Format theo chuẩn "Ctrl+Shift+H".

15. DocBlockr

Tạo comment chuẩn.

16. GitGutter 

Đánh dấu mỗi dòng trong mã nguồn của bạn, cho bạn biết trạng thái Git của nó và cung cấp cho bạn một cái nhìn tổng quan về những thay đổi đã xảy ra. GitGutter có thể được sử dụng để so sánh các tệp của bạn với git HEAD, origin, nhánh mà bạn chọn hoặc thậm chí một số commit.

17. Terminal

Chức năng của Terminal thì bạn biết rồi. Ext này sẽ đính sẵn terminal để bạn sẵn sàng sử dụng ngay trong Sublime Text 3.

18. Xdebug Client 

Xdebug Client tích hợp Xdebug vào ST3, bạn dễ dàng debug ứng dụng PHP của mình.

>> Một số gói khác ít dùng hơn, nhưng cũng tiện lợi, bạn nên thử:

• Sass : Giúp bạn làm việc với file sass dễ dàng như là: highlight các từ khoá,…
• Sub­limerge : Công cụ so sánh file, hay dùng khi bạn merge code, hoặc apply patch từ người khác vào code của mình.

19. JavaScript Completions, JavaScript Console snippets

JavaScript Completions và Console Snippets hỗ trợ khá đầy đủ các gợi ý code javascript, cực kỳ tiện lợi cho mấy bạn theo hướng code JS.

20. VCS Gutter

Exts hỗ trợ bạn trong khi làm việc với git/mercurial. Nó sẽ cập nhật thông tin & status tại real-time (thời gian thực) của một file. Nhờ đó bạn nhanh chóng biết được file nào đã được thêm, xoá, hoặc sửa đổi ….

21. TrailingSpaces

Tiện lợi ở chỗ là các dấu trắng ở cuối dòng lệnh, hoặc dòng trắng cuối file sẽ tự động trim. Có thể bạn không biết, khi chúng ta dùng các tools/IDE khác nhau để code, có một số tools sẽ thêm vào các ký tự trắng này vào cuối dòng lệnh.

22. JavaScript & NodeJS Snippets

Gõ tắt lệnh, xem lệnh gõ tắt :
https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets

23.Cài key bindings format file

Chọn Preferences -> Key Bindings.
Ở tab bên phải (User), add dòng code sau:

[
{"keys":["Ctrl+l"],"command":"reindent"}
]

Sau đó lưu lại (Ctrl+S). Khi muốn format ta Ctrl+A (bôi đen toàn bộ file) rồi Ctrl+L (format cho dễ nhìn).