vscode 和 atom 全局安装和配置 eslint 像 webstorm 等 ide 一样使用 standard标准 来检查项目

时间：2021-08-11 15:24:38

首先你要安装了 nodejs ，然后在终端命令行输入下面的这堆

npm install eslint eslint-plugin-standard eslint-config-standard eslint-plugin-html eslint-plugin-promise eslint-plugin-node eslint-plugin-import -g

即分别全局安装

eslint
eslint-plugin-standard
eslint-config-standard
eslint-plugin-html
eslint-plugin-promise
eslint-plugin-node
eslint-plugin-import

这几个插件。然后在 “c盘/用户/你的用户名/” 这个路径下创建 “.eslintrc” 文件。

里面写上：

{

  "extends": "standard",

  "plugins": [

    "standard","eslint-plugin-html"

  ],

  "env": {

    "jquery": true,

    "browser": true,

    "commonjs": true,

    "node": true,

    "es6": true

  },

  "rules": {

    "arrow-parens": 0,

    "generator-star-spacing": 0,

    "indent": ["error", 2]

  }

}

注：“rules”这部分内容是参考了vue中的设置。

如果您希望修改 eslint 的规则设置请参考官方文档。

安利下如果您想vscode像webstorm这种ide一样。

也可以检查css、less、sass的话可以看下我的vscode 全局安装和配置 stylelint 像 webstorm 等 ide 一样来检查项目

相关文章