ESLint, Prettier, VS Code, npm scripts の設定: 2021春
eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる（人間が気にする必要のない問題なのに！） 直接実行するより遅い（同様に prettier-eslint も遅い） ESLint と Prettier の間に間接レイヤーを追加するので、壊れやすい なるほど正しい。 一方、別々に実行することで以下のような問題も出てくるので、解決していく。 CLI とエディタを個別に設定する必要がある エディタで ESLint と Prettier の協調動作が必要 CLI (npm scripts) で ESLint と Prettier の対象ファイルが別管理になる 上記の
アメブロに ESLint + Prettier で自動コード整形を導入した話 | CyberAgent Developers Blog
こんにちは！ アメーバブログでフロントエンド開発をしている2017年新卒エンジニアの上西です。 今回は、昨年度の刷新でReact + Reduxの構成になったアメブロのフロントエンドにESLint + Prettierで自動コード整形を導入した話をしたいと思います！ ESLintとは / Prettierとは ESLintはJavaScriptのLinterです。 スタイルガイドラインに準拠していない問題のあるパターンやコードを見つけることができ、軽微なエラーならAutoFixできます。 アメブロでは刷新当初から導入していましたが、AutoFix機能を利用していなかったため軽微なLintエラーでも手動で直す必要がありました。 Prettierはコードフォーマッターです。 コマンド1発でコードを一貫したスタイルに自動整形できます。 ES2017やJSX、Flow、CSSなどの様々な言語に対応
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
