eslint là gì? để làm gì? setup như thế nào?

ESLint là một công cụ phân tích mã nguồn tĩnh (static code analysis) được sử dụng để tìm và sửa lỗi trong mã JavaScript/TypeScript. Nó giúp đảm bảo mã nguồn tuân thủ các quy tắc nhất định và cải thiện chất lượng mã. Công dụng của ESLint: Phát hiện lỗi cú pháp và logic: Giúp phát hiện các lỗi phổ biến trong mã nguồn. Đảm bảo tuân thủ quy tắc mã hóa: Giúp duy trì phong cách mã hóa nhất quán. Tự động sửa lỗi: Có thể tự động sửa một số lỗi đơn giản. Tích hợp với các công cụ khác: Dễ dàng tích hợp với các IDE và công cụ CI/CD. Cách cài đặt và cấu hình ESLint: Bước 1: Cài đặt ESLint Mở terminal và chạy lệnh sau: npm install eslint --save-dev Bước 2: Khởi tạo cấu hình ESLint Chạy lệnh sau để tạo file cấu hình .eslintrc: npx eslint --init Bạn sẽ được hỏi một số câu hỏi để thiết lập cấu hình ban đầu. Bước 3: Cấu hình ESLint File .eslintrc có thể trông như sau: { "env": { "browser": true, "es2021": true }, "extends": "eslint:recommended", "parserOptions": { "ecmaVersion": 12, "sourceType": "module" }, "rules": { "indent": ["error", 2], "linebreak-style": ["error", "unix"], "quotes": ["error", "single"], "semi": ["error", "always"] } } , Bước 4: Chạy ESLint Để kiểm tra mã nguồn, chạy lệnh sau: npx eslint yourfile.js Tích hợp với Visual Studio Code Cài đặt extension "ESLint" từ Visual Studio Code Marketplace. Thêm cấu hình sau vào file settings.json của VS Code: { "eslint.enable": true, "eslint.packageManager": "npm", "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"] } Với các bước trên, bạn đã cài đặt và cấu hình ESLint để sử dụng trong dự án của mình.