Eslint là gì ?
chắc hẳn các bạn nhìn thấy bạn bè mình hoặc đồng nghiệp có những dòng code luôn đẹp ,không warning,không errors, hoặc có thể bạn đã từng ít nhất 1 lần nghe đến từ Eslint, vậy Eslint được tạo ra để làm gì ?
-ESLint phân tích tĩnh mã của bạn để nhanh chóng tìm ra sự cố. ESLint được tích hợp vào hầu hết các trình soạn thảo văn bản và bạn có thể chạy ESLint như một phần của đường dẫn tích hợp liên tục của mình. -Nhiều vấn đề mà ESLint tìm thấy có thể được sửa tự động. Các bản sửa lỗi của ESLint có nhận thức về cú pháp, do đó bạn sẽ không gặp phải các lỗi do thuật toán tìm và thay thế truyền thống đưa ra.
==> ESLint là một công cụ để xác định và báo cáo về các mẫu được tìm thấy trong mã ECMAScript / JavaScript, với mục tiêu làm cho mã nhất quán hơn và tránh lỗi. Theo nhiều cách, nó tương tự như JSLint và JSHint với một vài ngoại lệ: ESLint sử dụng Espree để phân tích cú pháp JavaScript. ESLint sử dụng AST để đánh giá các mẫu trong mã. ESLint hoàn toàn có thể cắm được, mọi quy tắc đều là một plugin và bạn có thể thêm nhiều hơn nữa trong thời gian chạy.
đọc đến đây thì có lẽ bạn đã hiểu sơ về eslint và cách mà nó được mọi developer tin dùng rồi nhỉ ? để hiểu rõ hơn,chúng ta hãy đi vào thực thế bằng cách cấu hình chúng,ở đây tôi sẽ cấu hình nó với reactjs
cấu hình Eslint
cài đặt React:
bạn hãy cài đặt react js trước:
npx create-react-app my-app
and
cd my-app
and
npm start
sau đó:
trước tiên,hãy đảm bảo rằng Node.js (^ 10.12.0 hoặc> = 12.0.0) được xây dựng với hỗ trợ SSL. (Nếu bạn đang sử dụng bản phân phối Node.js chính thức, SSL luôn được tích hợp sẵn.) Bạn có thể cài đặt ESLint bằng npm hoặc yarn:
npm install eslint --save-dev
or
yarn add eslint --dev
sau đó :
$ npx eslint --init
or
$ yarn run eslint --init
tiếp theo:
$ npx eslint yourfile.js
or
$ yarn run eslint yourfile.js
Configuration
Tên "semi" và "quotes" là tên của các quy tắc trong ESLint. Giá trị đầu tiên là mức độ lỗi của quy tắc và có thể là một trong các giá trị sau: "off" hoặc 0 - tắt quy tắc "cảnh báo" hoặc 1 - bật quy tắc làm cảnh báo (không ảnh hưởng đến mã thoát) " error "hoặc 2 - bật quy tắc dưới dạng lỗi (mã thoát sẽ là 1) Ba mức lỗi cho phép bạn kiểm soát chi tiết cách ESLint áp dụng quy tắc (để biết thêm tùy chọn cấu hình và chi tiết, hãy xem tài liệu cấu hình).
đơn giản đúng không nào ?
hãy cài vào máy và tận hưởng những dòng code xịn xò nhất
**tham khảo : https://eslint.org/docs/user-guide/getting-started