ViteにESLintとTypeScriptの型チェックを導入する

Viteプラグインのvite-plugin-checkerを使用するとbuild前に型チェックやエラーを検出してくれます。

ESLintとvite-plugin-checkerをインストール

loading...

vite.config.jsに設定追加

loading...

ESLintの設定ファイル(.eslintrc)の作成

loading...

設定はこれで完了。

あとはnpm run devでサーバーを起動します。 エラーがあればブラウザやコンソールに表示してくれます。

vite-plugin-checkerでエラーがブラウザに表示されている状態