Trang chủ » Bộ công cụ » 10 gói văn bản tuyệt vời cho các nhà phát triển Frontend

    10 gói văn bản tuyệt vời cho các nhà phát triển Frontend

    Sublime Text là một trong những trình soạn thảo mã mạnh mẽ nhất với một số tính năng tuyệt vời và nó có thể mạnh hơn nữa bằng cách cài đặt bổ sung hoặc là Gói. Các plugin này thêm các chức năng bổ sung cho Sublime Text. Và ngày nay có rất nhiều plugin để đáp ứng hầu hết mọi nhu cầu mã hóa của bạn.

    Tìm một phần mở rộng tốt có thể là thử thách thực sự; một số tiện ích mở rộng đã bị các nhà phát triển của chúng bỏ hoàn toàn, trong khi các tiện ích mở rộng khác có thể không còn tương thích với Sublime Text 3, phiên bản mới nhất (tại thời điểm viết bài này).

    Nếu bạn là nhà phát triển lối vào, chúng tôi đã lựa chọn một số tiện ích mở rộng và kết hợp chúng với bạn trong bài viết này. đó là 10 gói văn bản tuyệt vời mà các nhà phát triển frontend nên thử.

    Thêm thông tin trên Hongkiat.com:

    • 18 plugin cần thiết để nhận được nhiều hơn từ SublimeText
    • [Cách thực hiện] Làm việc với đoạn mã trong văn bản tuyệt vời
    • [Cách] Làm mới các thay đổi trên trình duyệt với Văn bản tuyệt vời
    • [Cách] Xác định lỗi mã trong văn bản cao siêu
    • Chọn màu dễ dàng trong văn bản tuyệt vời

    1. AlignTab

    AlignTab là một plugin để căn chỉnh mã của bạn. Nó có một “Chế độ xem trước” cho phép bạn xem cách căn chỉnh sẽ được áp dụng (đưa ra ký hiệu RegEx) trước khi nó thực sự được áp dụng. Nó cũng có “Chế độ bảng” sẽ cho phép bạn đặt căn chỉnh phù hợp cho các bảng ở định dạng Markdown, Cấu trúc với đường ống: |. AlignTab là một tiện ích mở rộng tiện dụng để dọn dẹp căn chỉnh mã của bạn và giúp dễ đọc hơn.

    2. ColorHighllight

    ColorHighlighter là một plugin hiển thị mã màu được chọn với màu sắc trực quan của chúng. Nếu bạn chọn “#fff” Nó sẽ cho bạn thấy màu sắc, màu trắng. ColorHighlighter hỗ trợ tất cả các định dạng màu CSS như Hex, RGB, HSL, HSV và bao gồm các từ khóa màu như “màu đỏ”, “màu xanh lá”, v.v ... Nó cũng hiển thị cho bạn các biến LESS, Sass và Stylus có chứa giá trị màu. Đây là một phần của plugin sẽ giúp bạn trực quan hơn khi làm việc với màu sắc.

    3. MultiEditUtils

    Plugin MultiEditUtils cải thiện SublimeText tích hợp “đa con trỏ” và “đa lựa chọn” tính năng, tiết kiệm thời gian cho chúng tôi chỉnh sửa các dòng mã dài. Ví dụ: bạn có thể hợp nhất hoặc trao đổi giữa các dòng được chọn, nó cũng cải thiện SublimeText “lựa chọn phân chia” bằng cách cho phép bạn chỉ định ký hiệu để phân chia các dòng đã chọn. Tôi nghĩ rằng đó là một plugin phải có để cài đặt cho các lập trình viên chuyên nghiệp.

    4. Git Gutter

    Nếu bạn đang làm việc với Git, Git Gutter là một plugin Sublime Text được đề xuất để cài đặt. GitGutter sẽ hiển thị một lá cờ trong khu vực máng xối, của bất kỳ chỉnh sửa, bổ sung hoặc xóa bạn đã làm trong mã của mình. Đây là một mã hữu ích để xem ngay sự so sánh giữa phiên bản mã của bạn với kho lưu trữ cam kết, chi nhánh hoặc kho lưu trữ của bạn.

    5. Chính thức

    Modific rất hữu ích khi bạn sử dụng Git hoặc SVN trong công việc. Giống như GitGutter, Modific sẽ đánh dấu một sự thay đổi trong mã của bạn. Bên cạnh việc làm nổi bật các thay đổi, bạn cũng có thể xem hoặc so sánh sự khác biệt giữa mã hiện tại và cam kết cuối cùng bằng cách nhấn Ctrl + Alt + D. Những điều khác bạn có thể làm với Modific bao gồm xem trước mã cam kết cho dòng hiện tại cũng như hoàn nguyên sửa đổi mã.

    6. Giá trị tháng 12

    Inc Dec Value cho phép bạn tăng hoặc giảm số lượng đồng thời, ngay cả khi chúng ở trên các dòng khác nhau. Ngoài số, bạn cũng có thể thay đổi giá trị của ngày và màu HEX. Để sử dụng plugin này nói chung, chỉ đạo con trỏ ở bên phải của số, sau đó nhấn Alt + ↑ để tăng số lượng hoặc Alt + ↓ để giảm số lượng. Bạn cũng có thể sử dụng bánh xe chuột của bạn.

    7. Trình tạo tệp

    FileBrowser cung cấp một cách mới để điều hướng các tập tin và thư mục của bạn trong thư mục dự án của bạn. Khi bạn cài đặt plugin này, bạn có thể có quyền truy cập vào thư mục dự án của mình trong một thanh bên mới và điều hướng qua nó mà không cần rời tay khỏi bàn phím - như một người viết mã. Khi bạn đã quen với nó, plugin này có thể tăng dần quy trình làm việc của bạn.

    8. IconFont

    IconFont cung cấp đoạn mã cho nhiều phông chữ biểu tượng phổ biến như FontAwgie, PaymentFont, typicons và Github Octicons. Nó hoạt động tương tự như các đoạn mã HTML thông thường trong đó chữ viết tắt sẽ được mở rộng toàn bộ chiều dài của các lớp và mã HTML cho mỗi biểu tượng.

    9. DistractionFreeWindow

    Mặc dù Sublime Text được tích hợp sẵn “Phân tâm miễn phí” Tính năng cho phép bạn tập trung vào mã hoặc nội dung bạn đang nhập, khi bạn ở chế độ này, minimap, sidebar và tất cả các tab khác đều bị ẩn. Không mất tập trung không có nghĩa là mất quyền truy cập vào các tính năng đó. Đây là nơi DistractionFreeWindow xuất hiện để giúp bạn linh hoạt hơn về cách thức Chế độ miễn phí phân tâm nên hoạt động.

    10. Bộ lọc

    FilterLines cho phép bạn tìm kiếm thông qua các dòng trong tài liệu của bạn để biết “chuỗi từ khóa” hoặc là “Ký hiệu RegEx”. Đây là một tính năng hữu ích để đối phó với một lượng lớn dữ liệu thô ở dạng JSON, JavaScript Array, CVS.

    Hình ảnh lịch sự: David Peckham