GatsbyJS に Prettiew を導入

GatsbyJSにESLintを導入しコードの品質を保つ

環境設定

  • VSCode に Prettier の Plugin Install 他のエディタの場合も同様に

設定ファイル

.prettierrc

{
  "arrowParens": "avoid",
  "tabWidth": 2,
  "useTabs": false,
  "printWidth": 120,
  "semi": false
}

保存時に Prettier で format をする

VSCode

.vscode/setting.json

{
  "editor.formatOnSave": true
}

Intellij IDEA

Preferences | Languages & Frameworks | JavaScript | Prettier

On save のチェックボックスをON


おっさんWEBエンジニア奮闘記©2007 WEBDIMENSION