Vite で React プロジェクトを構築する手順を紹介します。

Vite で開発環境を構築する

以下のコマンドを実行して、React + TypeScript のプロジェクトを作成します。

npm 6.x以前

# npm 6.x
npm init vite@latest vite-react-ts --template react-ts

npm 7.0以降

# npm 7.0以降
npm create vite@latest vite-react-ts -- --template react-ts

開発サーバーを起動する

構築したプロジェクトのディレクトリに移動して、開発サーバーを起動します。

cd vite-react-ts
npm install
npm run dev