vue使用eslint

Vue 使用 ESLint 主要是为了提升代码质量和一致性，它是 Vue.js 项目中的一种静态代码分析工具。ESLint 是 JavaScript 的一个广泛使用的规则检查器，它可以帮助开发者遵守编码规范、避免常见的错误和潜在的问题。

在 Vue 项目中配置 ESLint 的步骤通常包括以下几个部分：

1. **安装**：首先需要全局安装 ESLint 和 Vue CLI 额外的插件 `@vue/cli-plugin-eslint`，可以使用以下命令：

   npm install -D eslint @vue/cli-plugin-eslint

2. **初始化**：在创建 Vue CLI 项目时，选择包含 ESLint 的模板，或在现有项目中运行 `vue add eslint` 初始化支持。

3. **配置**：在 `.eslintrc.js` 或者 `eslint.json` 文件中编写配置规则，定义对 Vue 语法的特定处理以及通用的 JavaScript 规则。你可以自定义规则，如命名约定、空格、注释等。

4. **集成到构建流程**：在 Vue CLI 的 `vue.config.js` 文件中设置，可以将 ESLint 融入到构建过程，以便在每次修改时自动检查代码风格。

5. **运行检查**：运行 `npm run lint` 或 `yarn lint` 来检查代码，并通过 `npm run lint:fix` 自动修复大多数简单的警告。