VS CodeでESlint、Prettierを使用したReact環境を構築する - Qiita

Reactの環境構築はcreate-react-appでとても簡単になりました。ここにコードチェック、整形ツールであるESlint、Prettier を導入してみます。 ESlint、Prettierを使用した環境構築方法やルールはプロジェクトによって違うと思うので、基本的な設定だけしています。プロジェクトに合わせて編集してください。 完成品はGitHubにアップしています。create-react-appで生成されるReactのアイコンなどは削除しています。 環境構築 それでは環境構築していきましょう！パッケージ管理にyarnを使っていきますが、npmを使用している人は便宜読み替えてください。 VS CodeにESlintとPrettierの拡張機能を追加する VS Codeの拡張機能としてESlintをインストールしましょう。 Prettierもインストールします。 これで必要な拡張機