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
文件内容:
编辑器就不会提示错误信息了
编辑器未提示错误信息
最后,如果命令行还是有Eslint提示,就重启编辑器,重新启动项目:
没有Eslint提示
网友评论