eslint太烦人了!得治!!!
新手对于eslint的代码规范校验,可谓是恨之入骨,有些像缩进、空格、空白行之类的规范,在开发过程中一直报错,有点烦人了。那我们该如何解决呢?一、vue cli3搭建的项目解决办法1、第一种直接注释掉package.json文件中eslint的配置就可以了"eslintConfig": {"root": true,////此项是用来告诉eslint找当前配置文件不能往父级查找"env": {"no
·
新手对于eslint的代码规范校验,可谓是恨之入骨,有些像缩进、空格、空白行之类的规范,在开发过程中一直报错,有点烦人了。那我们该如何解决呢?
一、vue cli3搭建的项目解决办法
1、第一种
直接注释掉package.json文件中eslint的配置就可以了
"eslintConfig": {
"root": true,此项是用来告诉eslint找当前配置文件不能往父级查找
"env": {
"node": true//此项指定环境的全局变量,下面的配置指定为node环境
},
"extends": [// 此项是用来配置vue.js风格,就是说写代码的时候要规范的写,如果你使用vs-code我觉得应该可以避免出错
"plugin:vue/essential",
"@vue/standard"
],
"rules": {//规则配置写在这里
"indent": [1, 4]
},
"parserOptions": {
"parser": "babel-eslint"//此项是用来指定eslint解析器的,解析器必须符合规则,babel-eslint解析器是对babel解析器的包装使其与ESLint解析
}
},
2、第二种
在vue.config.js中将以下三项设置为false
devServer: {
overlay: {
warnings: false,
errors: false
},
lintOnSave: false
}
二、用vue ui创建的项目怎么关闭eslint校验
在Vue Cli的控制面板找到配置-ESLint configuration,然后关闭保存时检查就可以了
三、vue create 项目时关闭eslint
修改package.json
"eslintConfig": {
"root": false, //这里的true改为false
"env": {
"node": false //这里的true改为false
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
在搭建vue脚手架时提示是否启用eslint检测的。 Use ESLint to lint your code? 写 no;如果项目已经生成,我们可以这样。
在项目中代开 bulid 文件夹下的 webpack.base.config.js 文件。将以下代码删掉或注销:
{
test: /\.(js|vue)$/,
loader: 'eslint-loader',
enforce: 'pre',
include: [resolve('src'), resolve('test')],
options: {
formatter: require('eslint-friendly-formatter')
}
},
不行再重新打开
更多推荐
已为社区贡献1条内容
所有评论(0)