Vue-cli中如何安装使用ESLint

ESLint是一个可插拔的JavaScript代码检查工具，有严格的规则，广泛应用于前端开发。ESLint通过配置文件检查代码，可以保证团队中的开发人员在编写代码时遵循相同的规范，从而避免代码重复、冗余或者不规范。此外，ESLint还可以发现一些常见的编码错误和潜在问题，提高了代码的可维护性和可读性。下面编程教程网小编给大家简单介绍一下！

安装ESLint

npm install eslint --save-dev
//或者
yarn add eslint --dev

创建.eslintrc.js文件

module.exports = {
  // 基础配置
  root: true,
  env: {
    node: true
  },
  extends: [
    "plugin:vue/recommended",
    "@vue/standard"
  ],
  rules: {
    // 自定义规则
  },
  parserOptions: {
    parser: "babel-eslint"
  }
}

配置package.json文件

"scripts": {
  "lint": "eslint --ext .js,.vue src"
}

对代码进行检查，安装脚手架

npm run lint
或者
yarn lint