ESLint
VSCode

vscodeのESLintの設定

More than 1 year has passed since last update.


1.VSCodeExtension

Extensionsメニューから https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint をインストール


2.ESLintインストール

npm install -g eslint グローバルかローカルにインストール


3.設定

参考: http://qiita.com/mysticatea/items/dc35ced6bd5e782f50cd

・設定ファイルはgoogleのものを使う

 npm install -g eslint-config-google

・カレントディレクトリに.eslintrc.jsonを作成

 "extends": "google",を追記


自分の.eslintrc.json

{

"env": {
"browser": true,
"commonjs": true,
"es6": true,
"node": true
},
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"sourceType": "module"
},
"globals": {
"angular": false,
"moment": false,
"_": false,
"$": true
},
"extends": "google", // googleの設定を読み込む
"rules": {
"require-jsdoc": "off",
"valid-jsdoc": "off",
"max-len": "off",
"no-var": "off",
"no-invalid-this":"off"
}
}


4.`code > Preferences > Settings` に下記を追加

↓自動でインポートされるので不要

"eslint.options": {

"configFile": "/Users/カレントディレクトリ/.eslintrc.json"
}

↑自動でインポートされるので不要

http://eslint.org/