Các gói JavaScript cho Sublime Text 3

Sublime là tuyệt vời và đối với nhiều người vẫn là trình soạn thảo văn bản tốt nhất hiện có. Nhưng ngoài hộp, nó thiếu một số tính năng mà các đối thủ cạnh tranh hiện đại đã tích hợp sẵn. Các plugin giúp luôn dẫn đầu nhưng thật rắc rối để theo kịp tất cả chúng. Để giúp bạn, tôi đã biên soạn một danh sách các plugin tôi sử dụng để phát triển web giao diện người dùng hàng ngày của mình

Nếu bạn biết các plugin nên có trong danh sách này, chỉ cần mở một vấn đề. 😉

Danh sách này được chia sẻ bởi [trong số những người khác]

• tạp chí đập phá
• Umar Hansa
• FrontendFocus / FrontendDaily
• cậu bé lốm đốm

Mục lục

1. bổ sung

🗃tôi. Hành chính

Các plugin này thuộc loại 'meta' vì chúng không liên quan đến việc viết mã

• kiểm soát gói. Gói này cho phép bạn cài đặt các gói khác. Kể từ bản dựng 3124, bạn có thể cài đặt nó trong Sublime thông qua Tools➡Install Package Control
• nâng cao tập tin mới. Một cách tốt hơn để tạo tập tin mới. Chẳng hạn, nó tự động tạo thư mục khi cần
• Cải tiến SideBar. Thêm các tính năng như đổi tên thành thanh bên
• Biểu tượng tệp. Thêm biểu tượng vào tệp trong thanh bên
• Quản lý dự án. Sắp xếp các tệp dự án bằng cách đặt chúng ở vị trí trung tâm
• TodoĐánh giá. Quét tệp cho TODO và hơn thế nữa
• FindKeyXung đột. Xung đột phím là điều không thể tránh khỏi khi bạn sử dụng nhiều plugin
• biên tập viên. Duy trì phong cách mã hóa nhất quán giữa các biên tập viên khác nhau
• Cài đặt đồng bộ hóa. Đồng bộ hóa cài đặt Sublime qua Github-Gist
• Đồng bộ hóa gói. Giữ tất cả các cài đặt, gói, v.v. của bạn được đồng bộ hóa qua Dropbox và đồng
• SFTP. Truyền tệp đến máy chủ qua FTPS và SFTP. Plugin giống như Sublime. Bạn có thể sử dụng miễn phí nhưng nhận được lời nhắc mua giấy phép
• TerminalView. Một plugin Linux/macOS dành cho Sublime Text 3 cho phép các thiết bị đầu cuối bên trong chế độ xem của trình chỉnh sửa

⌨️ii. Chung

Hữu ích cho tất cả các ngôn ngữ

• Tất cả tự động hoàn thành. Lập chỉ mục tất cả các tệp đang mở để tự động hoàn thành
• Giá ĐỡHighlighter. Cải thiện tính năng tô sáng đã được tích hợp sẵn
• Phần cuối. Mở Terminal với thư mục làm việc hiện tại được đặt thành thư mục của tệp đang mở trên phím nóng
• căn chỉnhTab. Căn chỉnh mã của bạn bằng cách :, =, =>, %, ``, | hoặc RegEx của riêng bạn
• GitMáng xối. Hiển thị các dòng đã sửa đổi trong máng xối [để lại số dòng]
• Git. Bao gồm một số lệnh git
• GitSavvy. Tích hợp git và GitHub đầy đủ
• Gitignore. Tìm nạp các mẫu cho. gitignore được cung cấp bởi Github
• Lịch sử địa phương. Giữ một lịch sử địa phương của các tập tin của bạn
• DashDoc. Mở lựa chọn hiện tại trong Dash trên một phím nóng
• văn bản bánh ngọt. Mở rộng sức mạnh của nhiều lựa chọn với các tính năng như số gia tăng và phạm vi ngày

☕️iii. Javascript

• Chim nhạn cho sự cao cả. Trình phân tích mã Javascript tĩnh với tính năng tự động hoàn thành, gợi ý đối số chức năng, 'đi đến định nghĩa', v.v. Việc cài đặt và cấu hình có thể hơi phức tạp một chút nhưng rất đáng. Chọn Tern thay vì SublimeCodeIntel [không rõ ràng] và JavaScript Complete [lỗi]
• Cải tiến JavaScript. Một plugin khác cho phép tự động hoàn thành và hoàn toàn cải thiện môi trường phát triển Javascript
• Nhập khẩuJS. Tự động quản lý việc nhập mô-đun của bạn
• Đoạn mã JavaScript & NodeJS
• JsPrettier. Tích hợp Prettier, trình định dạng JavaScript được đánh giá cao
• Bọc bảng điều khiển. Cách nhanh chóng để đăng nhập vào bảng điều khiển
• DoxyDoxygen. Tạo các khối tài liệu mã cho các chức năng của bạn
• Ba-bên. Định nghĩa cú pháp cho ES6 JavaScript với phần mở rộng React JSX
• bản đánh máy
• Hỗ trợ ngôn ngữ Elm

🎨iv. HTML & CSS

• ngổ ngáo. Sass là CSS mở rộng tiền xử lý và plugin này bổ sung hỗ trợ ngôn ngữ
• SassSolutions. Tự động hoàn thành các biến và mixin từ 'cài đặt của bạn. tập tin scss
• CSS3. Thay thế hỗ trợ CSS tích hợp bằng hỗ trợ cập nhật hơn. Bao gồm hỗ trợ cssnext. Làm theo hướng dẫn để nó hoạt động bình thường
• Emmet. Cho phép bạn viết HTML rất nhanh. Bạn phải học theo cách của họ mặc dù
• Tô màu

🔥v. kẻ nói dối

Linters giúp bạn phát hiện sớm các lỗi trong mã của mình. Để làm cho chúng hoạt động bình thường, hãy kiểm tra hướng dẫn trong gói. Đối với một số, bạn phải cài đặt các công cụ bổ sung

• SublimeLinter
• SublimeLinter-HTML-gọn gàng
• SublimeLinter-contrib-stylelint. Đối với CSS. Chọn stylelint trên SublimeLinter-CSSlint
• SublimeLinter-contrib-SCSS-lint
• SublimeLinter-contrib-ESLint
• SublimeLinter-flow
• SublimeLinter-contrib-elm-make
• SublimeLinter-JSON

👥vi. Khác

• Xem trước đánh dấu
• CSV nâng cao
• Máy chủ trực tiếp

2. chủ đề

Các chủ đề tích hợp không hỗ trợ cú pháp gần đây, chẳng hạn như ES2015. Sau đây mình liệt kê một số mình đã test và làm được

Làm cách nào để cài đặt JavaScript trong Sublime Text 3?

Sublime Text 3 có hỗ trợ JavaScript không?

Làm cách nào để thêm nút js vào Sublime Text?