Tổng hợp các Sublime Text Package hữu ích cho Web developer

Đăng bởi:

Trần Quốc Cường

Đăng ngày:

Mar 30, 2021

Đăng ở:

Tin Tức Công Nghệ

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.

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.

screenshot-1

-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.

screenshot-2

 

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......

screenshot-3

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

Trên đây là một số package cho web developer mà mình đang sử dụng. Nếu bạn thấy thiếu hoặc có packages nào hay hơn thì comment cho mình biết nhé

default_image
Tác giả: Trần Quốc Cường
ADMIN

Bài viết liên quan

Bình luận

Để lại bình luận

Email và số điện thoại sẽ không được công khai. Những trường bắt buộc được đánh dấu *

Repository deleted Your repository has remove
Loading
Bạn cần hỗ trợ?