本文主要是介绍eslint太烦人了!得治!!!,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
新手对于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')}},
不行再重新打开
这篇关于eslint太烦人了!得治!!!的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!