React+TypeScript+Viteのプロジェクト作成

Reactのプロジェクトを作成、アプリ開発していて、ビルドツールがBabelなのだが、最近のVueで開発してたときのViteと比較すると、動作確認でアプリを起動する際にもストレスを感じる。

なので、React+TypeScript+Viteのプロジェクト作成をしたので、忘備録として残しておく。

次のコマンドを実行する。

コマンドを実行したら、framework、variantの選択肢があるので、それぞれ、React、TypeScriptを選択。その後に、installと起動方法が表示されるので、それに従えばOK。

$ npm init vite@latest xxxapp --template react
Need to install the following packages:
  create-vite@4.4.1
Ok to proceed? (y) y
✔ Select a framework: › React
✔ Select a variant: › TypeScript

Scaffolding project in .../xxxapp...

Done. Now run:

  cd xxxapp
  npm install
  npm run dev