脚本宝典收集整理的这篇文章主要介绍了

【构建】配置ESLint

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

1.安装

ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。

npm install eslint --save-dev

参考资料:eslint官网

2.配置

//package.json

"eslintConfig": {
    //.....
}

3.vue项目配置

  • 1.安装
npm install eslint-plugin-vue -D//-D相当于--save-dev
npm install eslint-plugin-node -D
npm install eslint-config-mysticatea -D
  • 2.配置
//package.json

 "eslintConfig": {
    "root": true,
    "parserOptions": {
      "ecmaVersion": 2017
    },
    "extends": [
      "mysticatea",
      "mysticatea/modules",
      "plugin:vue/recommended"
    ],
    "plugins": [
      "node"
    ],
    "env": {
      "browser": false
    },
    "globals": {
      "applicationCache": false,
      "atob": false,
      "btoa": false,
      "console": false,
      "document": false,
      "location": false,
      "window": false
    },
    "rules": {
      "node/no-extraneous-import": "error",
      "node/no-missing-import": "error",
      "node/no-unpublished-import": "error",
      "vue/html-indent": [
        "error",
        4
      ],
      "vue/max-attributes-per-line": "off",
       "require-noopener": "error"
    }
  },

参考资料:eslint-plugin-vue

总结

以上是脚本宝典为你收集整理的

【构建】配置ESLint

全部内容,希望文章能够帮你解决

【构建】配置ESLint

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过