Viteを使ったReact環境構築【個人メモ】

React環境構築

ターミナルを開いて、下記のコマンドを入力する
フォルダを作成したい場所に移動する
例：デスクトップ

ターミナル

% cd Desktop

次に下記のコマンドを入力。

ターミナル

% npm create vite@latest

プロジェクトの名前を聞かれるので、任意に決める

ターミナル

? Project name: › vite-project

作成したいプロジェクト種類を決める

ターミナル

? Select a framework: › - Use arrow-keys. Return to submit.
❯   Vanilla
    Vue
    React
    Preact
    Lit
    Svelte
    Solid
    Qwik
    Others

ターミナル

? Select a variant: › - Use arrow-keys. Return to submit.
    TypeScript
❯   TypeScript + SWC
    JavaScript
    JavaScript + SWC
    Remix ↗

あとは順番にコマンドを入力すれば、ローカルサーバー環境が構築できる

ターミナル

cd app
  npm install
  npm run dev