1/4/19

Tổng hợp các Sublime Text Package cho Web developer

Hôm nay mình xin phép được tổng hợp lại một số package cần thiết cho Sublime Text. Và để có thể cài đặt được các package dưới đây thì sublime text của các bạn phải được cài đặt package control rồi.
Mục Lục
  • 1, Emmet.
  • 2, Bracket HighLighter.
  • 3, Color HighLighter.
  • 4, Color Picker.
  • 5, SidebarEnhancements.
  • 6, Git.
  • 7, AdvancedNewFile.
  • 8, AutoPrefixer.
  • 9, HTML-CSS-JS Prettify.
  • 10, DocBlockr.
  • 11, CodeIntel.
  • 12, AutoFileName.
  • 13, JavaScript & NodeJS Snippets.
  • 14, Cập nhật thêm.

1, Emmet.

Đầu tiên phải kể đến là Package 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.
package emmet
-Các bạn có thể xem các lệnh gõ tắt ở đây.

2, Bracket HighLighter.

-Đây là package giúp cho các bạn có thể dễ nhìn ra phần mở/ đóng của thẻ nằm ở chỗ nào.
bracker highlightter toidicode

3, Color HighLighter.

-Package này giúp bạn code css hay hơn bằng cách hiển thị luôn màu sắc của mã màu.
color hightlighter

4, Color Picker.

-Package này giúp cho chúng ta có thể lấy được mã màu mà không cần dùng đến photoshop, Để mở hộp thoại chúng ta nhấn tổ hợp phím Ctrl +shift +C (package này kết hợp với package color heighlighter thì tuyệt vời).
color picker toidicode.com

5, SidebarEnhancements.

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

6, Git.

-Package này giúp bạn có thể làm việc với GIT một cách đơn giản bằng các câu lệnh sẵn có...
git package toidicode

7, AdvancedNewFile.

-Package này cho phép bạn lưu file một cách chuyên nghiệp hơn. Để sử dụng nhấn tổ hợp phím Ctrl + Alt +N.
advanced new file package

8, AutoPrefixer.

-Package này rất cần thiết cho các bạn làm front-end, Nó giúp tạo ra các prefix cho các trình duyệt tương ứng.
autoprefix toidicode

9, HTML-CSS-JS Prettify.

-Đôi khi code của chúng ta sẽ rất lộn xộn và khó có thể đọc được, và package này giúp cho code của chúng ta được fomat lại theo đúng chuẩn. Hỗ trợ HTML, CSS, Javascript và JSON, để fomat gõ tổ hợp phím Ctrl + shift+ h.
HTML- CSS-JS toidicode

10, DocBlockr.

-Package này cho phép các bạn tạo ra các comment đúng chuẩn.
toidicode.com

11, CodeIntel.

-package này giúp các bạn có thể dễ dàng tìm ra các function,class,.. đang sử dụng được viết từ đâu...
code intel toidicode.com

12, 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 toidicode.com

13, JavaScript & NodeJS Snippets.

-Package này giúp cho bạn có thể gõ tắt các lệnh javascript, nodejs một các nhanh chóng. ví dụ thay vì gõ console.log(obj); bạn chỉ cần gõ cl,.. xem thêm lệnh gõ tại đây
js snippet toidicode.com

0 nhận xét: