vue-element-admin 完全关闭 Eslint

Windows 10
Visual Studio Code
vue-element-admin

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


编辑器提示错误

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

禁用下一行

禁用当前文件

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

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

.eslintignore默认内容

修改后.eslintignore 文件内容:

修改后 .eslintignore 文件内容

编辑器就不会提示错误信息了
编辑器未提示错误信息

最后,如果命令行还是有Eslint提示,就重启编辑器,重新启动项目:
没有Eslint提示

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容