+7

Những Plugin sublime text cần thiết cho web Developers

  • Sublime text là một trong những trình biên tập code có sẵn phổ biến nhất 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.
  • Để giúp các bạn nhận được nhiều nhất trợ giúp của Sublime, tôi quyết định làm một danh sách các plugins mà tôi sử dụng và yêu thích. Nếu tôi chưa bao gồm những plugin yêu thích của bạn, hãy chia sẻ với tôi trong phần bình luận 😃
  • Những tính năng trong bài viết này sẽ giúp cho những web developer thao tác nhanh chóng hơn.

Package Control

  • Sublime Text là một IDE nhẹ và nhiều tính năng hay. Bạn có thể thêm những tính năng mới thông qua việc cài đặt Plugin hay Package. Những plugin được thêm vào sẽ mở rộng thêm tính năng cho Sublime Text.

  • Nếu các bạn chưa cài đặt package control, thì trước tiên chúng ta cần cài đặt package control

  • Đây là một plugin quản lý của sublime giúp chúng ta dễ dàng quản lý các package (sửa, xóa,...)

  • Hướng dẫn cài đặt package control và sử dụng :

    • Bạn ấn tổ hợp phím Ctrl + để mở chế độ command, rồi thực hiện như sau :
    • Bạn đến link này https://packagecontrol.io/installation và copy đoạn cài đặt tùy vào bản sublime text bạn sử dụng như hình ảnh này

    Installation   Package Control.png

    • Sau khi copy xong bạn quay lại sublime text và paste đoạn copy vào command và ấn enter
    • Khởi động lại sublime text

1-package-control.png

1. JavaScript & NodeJS Snippets

  • Các đoạn viết tắt biểu thức JavaScript phổ biến nhanh hơn nhiều. Tại sao viết document.querySelector('selector'); khi bạn có thể chỉ cần gõ qs, nhấn tab, và để cho Sublime làm phần còn lại.

2-js-snippets.gif

2. Emmet

3-emmet.gif

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

  • Link hướng dẫn cài đặt và cách sử dụng https://packagecontrol.io/packages/Emmet

3. Advanced New File

  • Gói tuyệt vời này có 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.
  • Các plugin cũng sẽ bổ sung thêm bất kỳ thư mục không tồn tại từ đường dẫn, và thậm chí còn hỗ trợ tự động hoàn tất các tên thư mục.

5-new-file.gif

4. Git

4-git-.png

  • Một tích hợp Git hoạt động trực tiếp từ bảng lệnh Sublime Text. Phần mềm cung cấp truy cập nhanh đến các lệnh Git, giúp bạn thêm tập tin, commit, hoặc mở Git log, mà không bao giờ rời khỏi Sublime.
  • Link hướng dẫn cài đặt và sử dụng : https://packagecontrol.io/packages/Git

kết luận

  • Như vậy mình đã giới thiệu qua về một số plugins Sublime Text và hướng dẫn cài đặt plugin đến các bạn. Với nhiều ưu điểm trong việc hỗ trợ các lập trình viên, ở bài sau mình sẽ tiếp tục giới thiệu về các plugins mà mình sử dụng. Các bạn cũng có thể chia sẻ thêm về plugin mà các bạn sử dụng qua phần bình luận nhé, rất mong được nhiều đóng góp của các bạn

còn tiếp


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí