VSCode

React Native Expoの開発をする際、VS Code, ESLint, Prettierを使って静的解析と自動整形をする方法を説明します。

VSCode で TypeScript を書いているとき、「PROBLEMS」に問題のある記法についてエラーが出ます。ここで表示されているのは ESLint のエラーです。VSCode 上で tsc のエラーをチェックするには、VSCode のターミナルでtscコマンドを直接実行します。

TypeScript を使うにあたっては、ESLintとPrettierも導入するとはかどります。エディタとして Visual Studio Code の使用を前提とし、可能な限りカスタマイズをしないで ESLint と Prettier を動かす手順をご紹介します。