eslintで構文チェック

eslintをインストール

$ yarn add --dev eslint eslint-plugin-vue


プロジェクトのルートディレクトリに.eslintrc.jsを作成して、以下の設定を追記。

module.exports = {
"extends": [
"plugin:vue/recommended",
]
};


eslintのコマンドをpackage.jsonに登録。

"scripts": {
  "lint": "eslint --ext .js,.vue app/javascript",
  "lint-fix": "eslint --fix --ext .js,.vue app/javascript"
}


構文をチェック。

$ yarn run lint


自動補正。

$ yarn run lint-fix