【通俗易懂】vue如何去除严格语法规范eslint,用了vue-cli脚手架没有config文件怎么办

先上被坑的图

没错,我想了想估计是我在创建项目的时候有一句话
Use ESLint to lint your code? (Y/n),正常都要点N的,我不小心点了Y
这句话翻译过来就是使用 ESLint 整理你的代码,也就是严格的代码规范,关键他规范的有点过分,连空格之类的都要跟你纠结半天,我彻底恶心到了,那么肯定不止我一个受害者,如何关闭了
【通俗易懂】vue如何去除严格语法规范eslint,用了vue-cli脚手架没有config文件怎么办_第1张图片
【通俗易懂】vue如何去除严格语法规范eslint,用了vue-cli脚手架没有config文件怎么办_第2张图片

修改方法

我们不需要从新创建一个vue项目,可以直接在vue.config.js文件内更改选项就行。
那么问题来了,很多人用的脚手架根本就没有自带这个文件,怎么办呢,很简单,自己创建一个。
【通俗易懂】vue如何去除严格语法规范eslint,用了vue-cli脚手架没有config文件怎么办_第3张图片
这里注意,这个文件一定要放在根目录上,根目录就是和package.json同级的,不然不生效。
然后再文件内复制这段代码:

module.exports = {
    //保存时是否校验
    lintOnSave: false
}

就这一句话就行,代表的意思就是把语法规范关闭。
然后重点是一定要保存后重启项目,可以ctrl+c按两次终止项目
【通俗易懂】vue如何去除严格语法规范eslint,用了vue-cli脚手架没有config文件怎么办_第4张图片
然后从新npm run dev启动项目就生效了。

不重启不生效的!!!

你可能感兴趣的:(踩坑,vue,代码规范,config,javascript)