vue vue cli2如何关闭Eslint

时间:2024-03-14 07:41:06

一、简介

       1. 本文主要介绍Eslint的作用以及在vue的脚手架中如何安装和关闭Eslint。

       2. Eslint是用来规范项目中的代码的,它会根据选定文档中定好的规约,以这些规约来检查我们写的代码是否符合,不符合就报错。

       3. 安装Eslint,一般我们在用脚手架来创建项目的时候,会有一个选项是要不要使用Eslint,当我们选择yes之后,它会让我们再选择使用哪个文档作为规范代码的标准文档。

       vue vue cli2如何关闭Eslint

      4. Eslint的效果:先运行npm   run   dev将本地项运行到dev-server,关于dev-server可以看此文章:搭建本地dev-server,然后在src下的main.js中在template属性的后面加个逗号,dev-server感受到代码的变化会自动更新编译,在编译的时候Eslint就找到了和规约文档不符合的地方: 最后一个属性多了一个逗号,所以报错了。 

      vue vue cli2如何关闭Eslint             

      这是报错信息:                                                                                               

      vue vue cli2如何关闭Eslint

      还有比如函数的书写,多余的分号,它都会出现报错,也就是说这个Eslint的规约文档和我们平常的代码习惯还是有差别的,当然它也不是最标准的,所以我们可以把它关闭。

      4. 关闭Eslint:  找到config中的index.js,然后把userEslint改为false。

      vue vue cli2如何关闭Eslint