Tổng hợp các Plugin Sublime Text 3 hiệu quả nhất 09/2022

Tổng hợp các Plugin Sublime Text 3 hiệu quả nhất 09/2022

Thủ Thuật
Rate this post
Rate this post

Sublime Text là một trong những trình biên tập code phổ biến nhất hiện nay. Với tốc độ, đơn giản và môi trường phong phú Plugin, nó đã chiếm được lòng tin của rất nhiều lập trình viên. Trong bài viết hôm nay, mình sẽ giới thiệu đến bạn đọc danh sách các Plugin Sublime Text 3 cần thiết nhất. Hãy theo dõi bài viết ngay nhé!

Cài đặt Package Control cho Sublime Text

Package Control là một plugin hữu ích không thể thiếu của Sublime Text. Nó cho phép bạn dễ dàng tìm kiếm, cài đặt và cập nhật các chức năng mở rộng cho Sublime Text.

Bước 1:

Các bạn truy cập vào đây và copy đoạn mã cài đặt cho Sublime Text (phiên bản phù hợp với phiên bản bạn đang dùng).

Copy đoạn mã cài đặt

Bước 2:

Tiếp theo, các bạn vào View -> Show Console hoặc nhấn tổ hợp phím Ctrl + . Sau đó paste đoạn code bạn vừa copy ở bước trên vào và nhấn Enter để tiến hành cài đặt.

Đợi quá trình cài đặt hoàn tất, khởi động lại Sublime Text.

Và tiếp theo, nhấn tổ hợp phím: Ctrl + Shift + P, sau đó gõ “Package install” => Enter.

Gõ "Package install"

Tiếp theo, gõ tên “package” mà bạn muốn cài đặt vào đây => Enter.

Gõ tên "package" muốn cài đặt

Dưới đây là danh sách các plugins/packages:

Emmet – Plugin Sublime Text 3

Emmet

  • Giống như các plugin trước đó giúp bạn viết code nhanh hơn. Sự khác biệt ở đây là thay vì expressions JS, Emmet là cho HTML và CSS, cho phép bạn viết thẻ dài, các yếu tố lồng nhau…
  • Emmet có một chút phức tạp, vì vậy nếu muốn có một sự thay thế đơn giản, bạn có thể thử một plugin tương tự gọi là HTML Snippets. Nó có tính năng ít hơn, nhưng là cách dễ dàng hơn để sử dụng và có tài liệu hướng dẫn sử dụng đơn giản, tuyệt vời.

AdvancedNewFile

  • Package này giúp chúng ta có thể tạo ra các file mới một cách nhanh chóng.
  • Thay vì duyệt qua các thư mục trong project và sử dụng menu để tạo file, thì với package này, chúng ta chỉ cần:
    • Ctrl + Alt + N => sau đó viết đường dẫn đến file mới muốn tạo.

AdvancedNewFile

Color HighLighter – Plugin Sublime Text 3

  • Package này “hiển thị màu sắc” của mã màu trong CSS, có thể giúp chúng ta code CSS tốt hơn.

Color HighLighter

AutoFileName

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

AutoFileName

Sidebar Enhancements – Plugin Sublime Text 3

  • Package tạo ra các context menu với nhiều tiện ích như tạo mới file và folder, open in browser, duplicate, copy…

Sidebar Enhancements

AutoPrefixer

  • Giúp chúng ta tạo ra các prefix cho các trình duyệt tương ứng.

AutoPrefixer

HTML-CSS-JS Prettify

  • Plugin này giúp cho code của chúng ta được format lại theo đúng chuẩn. Nó hỗ trợ HTML, CSS, Javascript và JSON.
  • Nhấn tổ hợp phím: Ctrl + Shift + H để thực hiện chức năng.

HTML-CSS-JS Prettify

Bracket HighLighter – Plugin Sublime Text 3

  • Chúng ta có thể dễ dàng nhìn ra phần đóng/mở của thẻ nằm ở vị trí nào dựa vào plugin này.

Bracket HighLighter

DocBlockr

  • Package này giúp chúng ta tạo ra các comment đúng chuẩn.
  • Sử dụng bằng cách: /** hoặc /* => Enter/Tab

DocBlockr

Bootstrap Snippets – Plugin Sublime Text 3

  • Sử dụng package này có thể giúp chúng ta code Bootstrap một cách nhanh chóng.
  • Ví dụ: Nếu muốn một đoạn code của Navbar trong Bootstrap, thay vì lên trang chủ của Bootstrap để copy đoạn code đó về, thì khi sử dụng package này, chúng ta chỉ cần gõ:
    • b4:navbar => Tabs

Bootstrap Snippets

Bootstrap Autocomplete

  • Hỗ trợ các class có sẵn trong Bootstrap.

Bootstrap Autocomplete

Placeholders – Plugin Sublime Text 3

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ả. Và plugin này 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, form, list và table của placeholder.

Placeholders

Git

  • Một tích hợp Git hoạt động trực tiếp từ bảng lệnh của Sublime Text, giúp truy cập và thao tác nhanh đến các lệnh Git như thêm tin, commit, mở Git log, … ngay trên Sublime Text.

Git

GitGutter – Plugin Sublime Text 3 2022

GitGutter

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

Ngoài ra, Sublime Text còn một số plugins khác như: SFTP, CodeIntel, Alignment, CodeFormatter…

Đọc thêm: Hướng dẫn cách Format Code in Sublime Text 3 đơn giản.

Kết luận

Như vậy, mình đã giới thiệu qua về một số Plugins Sublime Text 3 và hướng dẫn cài đặt các plugin cần thiết cho sublime text 3 đến các bạn. Hy vọng đây sẽ là những plugin hữu ích với bạn trong quá trình cài đặt và sử dụng phần mềm Sublime Text 2022 này.

Đừng quên để lại bình luận bên dưới nếu bạn còn bất kỳ thắc mắc nào liên quan đến bài viết. Hoặc là những chủ đề hấp dẫn khác để tụi mình có động lực tiếp tục làm thêm nhiều chuyên mục khác nhé! Cảm ơn các bạn đã theo dõi và đón đọc.

Tin Liên Quan

Top Game Bài Đổi Thưởng

1
88VN

⭐️88vn Cổng Game Uy Tín , Nhiều Khuyến Mãi Khủng⭐️ Tặng Hội Viên Nạp Lần Đầu Lên Đến 28.888.000vnd

2
RIK VIP

Game Bài Đổi Thưởng Kiểu Mỹ - Đăng Ký +100k

3
B52

Game Bài Bom Tấn Đổi Thưởng - Tặng Code 50K

5
SUNWIN

Game Bài Đổi Thưởng Uy Tín TOP 1

Gift Code

Liên Kết Hữu Ích

Xem thêm nhà cái uy tín hàng đầu hiện nay. Cá cược uy tín tại. Ngoài ra, chúng tôi xin giới thiệu thêm nhà cái ➤ NoHu
backtotop