vue中使用 ESLint

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

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

https://blog.csdn.net/weixin_36934930/article/details/90694830  (高级配置,解决引入第三方jdk报错

https://segmentfault.com/q/1010000019283432  .eslingignore 文件的使用,注明的文件夹或文件不会呗检测报错

 

 https://blog.csdn.net/fifteen718/article/details/82759570   解决 new () 报错问题

如果能保证团队里面,或者代码贡献者的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 就可以了。  

posted @ 2020-04-24 16:51  ThisCall  阅读(2238)  评论(0编辑  收藏  举报