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 同樣來檢查項目