Sublime text là một trong những trình biên tập code có sẵn phổ biến nhất 2024 hiện nay . Nó được yêu mến bởi nhiều lập trình viên do tốc độ, đơn giản, và môi trường phong phú Plugin. Plugins Sublime Text 3 là một thành phần không thể thiếu trong quá trình sử dụng Sublime text.
Do đó, trong bài viết hôm nay, Hoamitech.com 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ày viết ngay nhé!
Nội Dung Chính
Cài đặt Package Control cho Sublime Text
Package Control là 1 plugin hữu ích (không thể thiếu) của Sublime Text. Nó cho phép chúng ta 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: https://packagecontrol.io/installation 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)
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.
Tiếp theo, gõ tên “package” mà bạn muốn cài đặt vào đây => Enter.
Dưới đây là danh sách các plugins/packages:
Emmet – Plugins Sublime Text 3
- 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ì expresions 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 các chúng ta chỉ cần:
Ctrl + Alt + N => sau đó viết đường dẫn đến file mới muốn tạo.
Color HighLighter – Plugins 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 hay hơn.
AutoFileName
Package AutoFileName 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 một cách đơn giản hơn.
Sidebar Enhancements – Plugins 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, …
AutoPrefixer
- Giúp chúng ta tạo ra các prefix cho các trình duyệt tương ứng.
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.
Bracket HighLighter – Plugins 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.
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: Gõ /** hoặc /* => Nhấn Enter/Tab
Bootstrap Snippets – Plugins Sublime Text 3
- Sử dụng package này có thể giúp chúng ta code Bootstrap 1 cách nhanh chóng.
- Ví dụ: Nếu muốn 1 đoạn code của Navbar trong Bootstrap, thay vì lên trang chủ của Bootstrap or any where để copy đoạn code đó về, thì khi sử dụng package này chúng ta chỉ cần gõ:
b4:navbar => Tabs
Bootstrap Autocomplete
- Hỗ trợ các class có sẵn trong Bootstrap.
Placeholders – Plugins 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.
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.
GitGutter – Plugins Sublime Text 3 2024
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 1 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 or 1 số commit.
Ngoài ra, Sublime text còn 1 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 Hoamitech.com đã 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 2024 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.