Hướng dẫn sử dụng SublimeLinter cho nhà phát triển

Kẻ nói dối là một công cụ không thể thiếu trong phát triển web hiện đại. Nó giúp chúng tôi kiểm tra các lỗi và thực thi tốt nhất khi viết mã. Nếu bạn đang sử dụng SublimeText, tôi khuyên bạn nên cài đặt SublimeLinters. Trong những năm qua, SublimeLinters đã trở thành một bộ công cụ quyền lực trong SublimeText và mang các gói chính thức kết nối với các ngôn ngữ lập trình khác nhau.

Trong hướng dẫn này, chúng ta sẽ xem cách cài đặt và thiết lập SublimeLinter. Hãy bắt đầu nào.

Bắt đầu

Cách dễ nhất để cài đặt SublimeLinter 4 là thông qua Điều khiển gói SublimeText. Kể từ khi SublimeLinter 3, mỗi kẻ nói dối phải được cài đặt riêng. Điều này cho phép SublimeLinter chạy hiệu quả hơn bằng cách chỉ chạy xơ vải chúng tôi đã cài đặt.

Vì tôi sử dụng HTML, CSS, JS và PHP hầu hết thời gian trong các dự án của mình, tôi muốn cài đặt linters cho các ngôn ngữ này. bên trong Kiểm soát gói, Tôi cài đặt SublimeLinter cùng với các plugin sau:

SublimeLinter-html-gọn gàng
SublimeLinter-stylelint
SublimeLinter-eslint
SublimeLinter-php

Sau đó, để các plugin đó hoạt động, chúng ta cũng cần cài đặt kẻ nói dối đối với các ngôn ngữ là HTML Tidy, CSSLint, JSHint và PHP CLI.

Đối với những bạn đang sử dụng OSX, Tidy và PHP được cài đặt sẵn trong hệ thống. Để xác minh, hãy chạy hai lệnh sau liên tiếp.

 gọn gàng - đảo ngược php --version

Các lệnh này sẽ cho bạn thấy phiên bản Tidy và PHP mà bạn có. Bạn có thể tiến hành sử dụng chúng trong Văn bản cao siêu.

Nếu bạn đang dùng Windows hoặc Linux hoặc chưa cài đặt chúng, bạn có thể làm theo hướng dẫn bên dưới.

Cài đặt HTML gọn gàng

Để cài đặt HTML Tidy:

Trong OSX, chạy lệnh này trong Terminal bia cài đặt homebrew / dupes / gọn gàng
Trong Linux, sử dụng lệnh này sudo apt-get cài đặt gọn gàng.
Trong Windows, bạn có thể lấy trình cài đặt EXE từ TidyBatchFiles.

Cài đặt PHP CLI

Người dùng OSX có thể cài đặt PHP trong hệ thống với curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 chỉ huy. Điều này sẽ cài đặt PHP 5.5, đây là phiên bản mới nhất, tại thời điểm viết bài.
Linux Người dùng có thể làm theo hướng dẫn toàn diện này từ DigitalOcean.
Dành cho người dùng Windows, bạn có thể tải xuống trình cài đặt tại đây.

Cài đặt Styleint

Tiếp theo, chúng tôi sẽ cài đặt bộ tạo CSS có tên là Stylelint cho phép chúng tôi kiểm tra và thực thi các thực tiễn tốt nhất trong các tệp CSS của mình. Hướng dẫn sau đây có thể được thực hiện trong cả ba nền tảng: OSX, Windows và Linux. Tôi đoán rằng bạn đã cài đặt Node.js với NPM.

Để cài đặt Stylelint, hãy chạy:

 cài đặt npm -g stylelint

Lưu ý rằng bạn cũng sẽ cần thêm tệp cấu hình Stylelint vào thư mục dự án của mình, ngoài ra cài đặt một cấu hình được xác định trước như stylelint-config-standard. Khi chúng được định cấu hình, bạn sẽ tìm thấy các lỗi được tô sáng như bên dưới.

Cài đặt ESLint

Chúng tôi cũng sẽ cài đặt ESLint, một trình giả lập hiện đại và có cấu hình cao cho JavaScript. Điều này sẽ giúp chúng tôi thực thi các thực tiễn tốt nhất cũng như nắm bắt các lỗi tiềm ẩn khi viết JavaScript. Cài đặt ESLint cũng yêu cầu Node.js với NPM.

Để cài đặt nó, hãy chạy.

 cài đặt npm -g eslint

Tương tự, bạn sẽ cần thêm cấu hình ESLint vào dự án của mình hoặc sử dụng cấu hình được xác định trước như eslint-config-khuyên.

Tất cả chúng ta đều được sắp xếp. Chúng ta có thể bắt đầu xơ vải HTML, CSS, JS và PHP trong SublimeText bằng SublimeLinter 4.

Các tính năng mới trong SublimeLinter 4

SublimeLinter 4 mang đến một số tính năng mới và một tính năng dễ nhận thấy là bảng hiển thị tất cả các lỗi của các tệp đã mở. Nếu bạn đang ở Mac, hãy nhấn Command + Ctrl + A. Trong Windows và Linux, bạn có thể nhấn Ctrl + K, Ctrl + A.

Phím Hot sẽ hiển thị danh sách các lỗi, như được hiển thị trong ảnh chụp màn hình sau.

Sử dụng ↑ và ↓ để điều hướng danh sách và trang sẽ cuộn đến dòng chính xác nơi xảy ra lỗi.

Hình ảnh tốt hơn

Bây giờ chúng ta có thể di chuột qua máng xối trong trình chỉnh sửa hoặc chỉ dòng có lỗi xảy ra để xem thông báo lỗi. Điều này là không thể trong phiên bản trước.

Cấu hình cao

SublimeLinter 4 giờ đây có thể cấu hình hơn bao giờ hết. Ví dụ: bây giờ chúng ta có thể tùy chỉnh “phong cách” đến từng cấu hình kẻ nói dối. Điều này cho phép chúng ta thiết lập các biểu tượng, màu sắc, chế độ lint, đường dẫn và các biến môi trường cho từng kẻ nói dối.

Tham khảo thêm

Tôi hy vọng rằng phần giới thiệu ngắn này có thể giúp bắt đầu và chạy với SublimeLinter. Bạn cũng có thể tham khảo tài liệu tham khảo nếu bạn muốn nhiều thứ nâng cao hơn.

SublimeLinter chính thức
Lint trong phần mềm và lập trình - WikiPedia
Kho lưu trữ SublimeLinter