美文网首页vue开发技术h5前端开发
vs工程配置eslint检测环境

vs工程配置eslint检测环境

作者: 手指乐 | 来源:发表于2019-10-07 15:50 被阅读0次

    vs工程打开一个js文件,会提示
    "No ESLint configuration (e.g .eslintrc) found for file ......."

    "Failed to load the ESLint library for the document ......."
    就是需要配置eslint检测环境

    • 首先使用npm 全局安装eslint
    • 在项目目录中执行eslint --init,这时候会让你选择项目的一些参数,比如模块类型(JavaScript modules (import/export) CommonJS (require/exports) ),框架(vue或react),执行完毕后生成.eslintrc.js(报的错不管)
    • 如果选择vue,还需要安装eslint-plugin-vue插件,这时需要本地安装这个插件
        npm i -save-dev eslint-plugin-vue
    • 需要对.eslintrc.js做一些配置,比如之前选择了JavaScript modules,后面又使用module.exports,必须再加上
      "commonjs": true
      比如:
    module.exports = {
    "env": {
    "browser": true,
    "es6": true,
    "commonjs": true
    },
    ........
    }
    
    • 如果需要在控制台打印调试信息,需要加上:
    "no-console":"off"
    比如:
    module.exports = {
    ......
    "rules": {
    "no-console":"off"
    }
    };
    

    off也可以用0替代
    "off" -> 0 关闭规则
    "warn" -> 1 开启警告规则
    "error" -> 2 开启错误规则

    相关文章

      网友评论

        本文标题:vs工程配置eslint检测环境

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