はじめにReact TypeScript ESLint Prettier VSCode(Visual Studio Code) の組み合わせで、プロジェクトを作成し、リンター、コードフォーマッター環境を構築しました。 何番煎じだよっ!とは思いますが、create-react-app のソースコードを基準に調整していくやり方で、いきなり結論を出さず、一個一個確認しながら進めて行きます。(急ぐ場合、手順まとめ に飛んでください。) 【検証環境】 Windows 10 Pro x64 Visual Studio Code 1.69.0 Raspberry Pi Desktop OS(Linux raspberry 4.19.0-13-amd64) node 14.16.0 npm 6.14.11 create-react-app 5.0.1 eslint 8.19.0 prettier 2.7.
![React TypeScript ESLint Prettier VSCode のプロジェクト作成](https://cdn-ak-scissors.b.st-hatena.com/image/square/f36ed9c45b6d30ba2f167c31fbea6893472b8284/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fdt8zu6zzd%2Fimage%2Fupload%2Fblog%2Feslint-prettier%2FITC_Engineering_Blog.png)