vue2项目eslint规范怎么配置
时间: 2024-10-03 11:00:42 浏览: 42
Vue2项目的ESLint配置主要是为了保证代码风格的一致性和质量。首先,你需要安装`eslint`、`@vue/eslint-config-airbnb`等插件,以及选择一个适合Vue的配置文件基础。以下是基本的步骤:
1. **安装依赖**:
```
npm install eslint eslint-plugin-vue eslint-plugin-import eslint-plugin-eslint-comments --save-dev
```
2. **创建配置文件**:
- 在项目根目录下创建一个`.eslintrc.js`文件,这是主配置文件。
- 或者在`package.json`的scripts部分添加一个脚本,如`"lint": "eslint ."`,然后在`node_modules/.bin`路径下运行`eslint`会自动读取`.eslintrc.js`。
3. **配置内容**:
```javascript
module.exports = {
parser: 'vue-eslint-parser', // 配置解析器支持 Vue 的语法
extends: [
'airbnb', // 使用 Airbnb 规范为基础,可以自定义其他规则集
'@vue/standard' // Vue 官方推荐的标准配置
],
plugins: ['vue'], // 强制启用 Vue 插件
rules: { // 自定义规则或调整默认规则
// ...在这里添加或修改具体的规则选项
},
};
```
4. **运行检查**:
在终端中输入 `npm run lint` 或者 `yarn lint` 来运行ESLint校验。
阅读全文