美文网首页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