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

首先你要安装了 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 一样来检查项目