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