vue-element-admin 完全关闭 Eslint

Windows 10
Visual Studio Code
vue-element-admin

在使用 vue-element-admin 开发项目时,发现 vue-element-admin 默认是启用 Eslint 的。
刚开始接触 vue ,还没准备好使用 Eslint 这个语法检查工具。
个人喜欢每个语句加分号、代码块之间用空行隔开、使用四个空格缩进等等。
但是这样在保存的时候就是提示错误,编辑器也会提示错误:


vue-element-admin 完全关闭 Eslint_第1张图片
编辑器提示错误

在开发环境下,Eslint 的检查和编辑器的代码格式化冲突,反复调整参数得不到我想要的效果,于是就想把它禁用了。
看了一下手册 ,禁用下一行用// eslint-disable-next-line,禁用当前文件用/* eslint-disable */

vue-element-admin 完全关闭 Eslint_第2张图片
禁用下一行

vue-element-admin 完全关闭 Eslint_第3张图片
禁用当前文件

这样还是不行,格式化的时候还是会把注释格式化了,这样 Eslint 检查还是会报错,而且每个文件要写一次。
我想把全部文件中的 Eslint 检查禁用,百度搜索说修改 build\webpack.base.conf.js 文件,那是很早前的Vue CLI创建的项目才有的配置文件。
而最新版 Vue CLI 创建的项目是没有的,所以我的根目录没有这个文件;
vue-element-admin 完全关闭 Eslint_第4张图片
我的文件目录

仔细看了一下,根目录有一个 .eslintignore 文件,瞬间倍感亲切,和 .gitignore 不是一样的吗,
查了一下,这个文件是用来忽略 Eslint 检查文件的,把所有文件忽略不就达到我的需求了吗,
打开文件,直接在最后一行加入忽略略规则 * ,Eslint 就所有的文件都不会校验了.

vue-element-admin 完全关闭 Eslint_第5张图片
.eslintignore默认内容

修改后.eslintignore 文件内容:

vue-element-admin 完全关闭 Eslint_第6张图片
修改后 .eslintignore 文件内容

编辑器就不会提示错误信息了
vue-element-admin 完全关闭 Eslint_第7张图片
编辑器未提示错误信息

最后,如果命令行还是有Eslint提示,就重启编辑器,重新启动项目:
vue-element-admin 完全关闭 Eslint_第8张图片
没有Eslint提示

你可能感兴趣的:(vue-element-admin 完全关闭 Eslint)