美文网首页
vue-element-admin 完全关闭 Eslint

vue-element-admin 完全关闭 Eslint

作者: Annun | 来源:发表于2019-12-02 14:29 被阅读0次

    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提示

    相关文章

      网友评论

          本文标题:vue-element-admin 完全关闭 Eslint

          本文链接:https://www.haomeiwen.com/subject/lqtfgctx.html