vue中关闭本地eslint校验
时间: 2023-10-22 16:08:36 浏览: 40
在 Vue 项目中关闭本地 ESLint 校验可以通过以下三种方法中的任意一种来实现:
1. 在 package.json 文件中的 eslintConfig 对象中添加 "eslint-disable": true
```
"eslintConfig": {
"eslint-disable": true
}
```
2. 修改项目根目录下的 .eslintrc.js 文件,将 extends 属性的值改为 "eslint:recommended",并将 rules 属性的值设为 {}:
```
module.exports = {
root: true,
env: {
node: true
},
extends: ["eslint:recommended"],
rules: {}
};
```
3. 在 Vue 组件中添加以下注释,临时关闭 ESLint 校验:
```
<!-- eslint-disable -->
<script>
// your code here
</script>
<!-- eslint-enable -->
```
以上三种方法都可以用来关闭本地 ESLint 校验。需要注意的是,如果你使用的是 Vue CLI 创建的项目,在开发环境中保存文件时,ESLint 会自动校验代码,并且在控制台中输出错误信息。如果你想要关闭 ESLint 校验,需要在开发环境的配置文件中进行设置。具体的做法是在项目根目录下的 vue.config.js 文件中添加以下配置:
```
module.exports = {
lintOnSave: false
};
```
这样就可以关闭开发环境中的 ESLint 校验了。