vue中使用 ESLint

https://www.csdn.net/gather_25/MtTaAgysMDQ5MC1ibG9n.html

https://www.jianshu.com/p/724fb4cef0b4

如果能保证团队里面,或者代码贡献者的IDE配置都是相同的,那我觉得就没有必要。

在vue中使用 ESLint:

1、使用vue-cli:

在vue-cli在init初始化时会询问是否需要添加ESLint,确认之后在创建的项目中就会出现.eslintignore和.eslintrc.js两个文件。

 .eslintignore类似Git的.gitignore用来忽略一些文件不使用ESLint检查。
 .eslintrc.js是ESLint配置文件,用来设置插件、自定义规则、解析器等配置。

2、配置ESLint:

Vue的项目配置eslint还是很简单的。它属于依赖插件中的一种,可以像安装其他插件一样在命令行用npm install eslint -g安装,也可以修改package.json文件去更新项目的依赖包,重新跑一遍npm install就可以了。  eslint常用的依赖有很多,我贴出我用的一些。在package.jsonde 的dependencies或者devDependencies中添加下列属性即可: 

"babel-eslint": "^7.1.1",  
"eslint-config-standard": "^6.2.1", "eslint-friendly-formatter": "^2.0.7", "eslint-loader": "^1.6.1", "eslint-plugin-html": "^2.0.0", "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^2.0.1",

但是有可能项目没有生成 eslintrc.js,码友可以去网上搜eslintrc.js然后放在项目根目录下即可。

vue项目中关闭ESLint

时候会被ESLint的报错阻止程序的运行,这时候我们就想关闭这个ESLint了。在vue项目中关闭ESLint方法:找到build文件夹--->webpack.base.conf.js---->module。将这些代码注释掉,如图:

然后重启服务,npm run dev 就可以了。  

猜你喜欢

转载自www.cnblogs.com/dianzan/p/12768538.html