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

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