miyohideの日記

技術的なメモなどを記しています

2023年1月11日(水)eslint+prettierの設定

eslint+prettierの設定

次の記事が参考になった。

zenn.dev

あとは、公式のドキュメントを見る。

eslint.org

prettier.io

早速手元のRailsアプリにかけてみる。npm scriptとして、lintlint:fixを追加。

  "scripts": {
    "lint": "eslint --ext js \"app/javascript/**\" && prettier \"app/javascript/**/*.js\"",
    "lint:fix": "eslint --fix --ext js \"app/javascript/**\" && prettier --write \"app/javascript/**/*.js\"",
  },

わざわざ二重引用符をエスケープしているのは、以下のQiitaの記述から。二重引用符で囲まないとディレクトリ直下は対象とならない。

qiita.com