created: 2020-04-10T06:58:01.000Z

vscode-eslint(v2)の設定をする

こんな設定になった

{
  "[javascript]": {
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    },
    "editor.tabSize": 2
  },
  "eslint.enable": true,
  "eslint.alwaysShowStatus": true,
  "eslint.debug": false,
  "eslint.format.enable": true,
  "eslint.lintTask.enable": true,
  "eslint.workingDirectories": [
    {
      "mode": "auto"
    }
  ]
}

editor.codeActionsOnSave

vscode-eslintはv2からこんな設定になっている

  • https://github.com/microsoft/vscode-eslint#release-notes
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
},

eslint.alwaysShowStatus

動作確認をするときに役に立った OUTPUTパネルを簡単に見れるようになる

eslint.workingDirectories

{ "mode": "auto" } がよい (v2からの設定)

{ "mode": "auto" } (@SInCE 2.0.0): instructs ESLint to infer a working directory based on the location of package.json, .eslintignore and .eslintrc* files. This might work in many cases but can lead to unexpected results as well.

参考

デバッグ

うまく動かない時は以下を確認

  • 全体の設定とワークスペースごとの設定を確認する
    • 古い設定で "eslint.enable": false とかが効いてると動かない
  • コンソールの表示(OUTPUT/PROBLEM)を確認する
    • vscode-eslintはOUTPUT INFO ログにエラーメッセージが出て止まっていた