VimとESLintとJavascript Standard Style

vimrc

プラグイン syntastic は事前に導入済みのこと。

後述の.eslintrc.jsがvimのカレントディレクトリに無いと動作しない。

vimrcに以下の設定を追加

" sytastic javascript
" npm eslint が必須, カレントディレクトリに.eslintrc*が必須
let g:syntastic_javascript_checkers = ['eslint'] 
let g:syntastic_javascript_eslint_exe = 'npx eslint --'
" eslintでコード自動修正
:command! -bar ESLintFix call system("npx eslint --fix" . expand("%:p"))|edit!|write

ESLint

$ npm i -D eslint

.eslintrc.jsは以下

module.exports = {
  env: {
    browser: true,
    commonjs: true,
    node: true,
    jest: true
  },
  // extends: eslint:recommended,
  // https://github.com/standard/standard
  extends: 'standard',
  parserOptions: {
    ecmaVersion: 12
  },
  rules: {
  }
}

JavaScript Standard Style

https://github.com/standard/standard

パッケージをインストール

$ npm i -D eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-import eslint-plugin-node