Vite で React を段階的にセットアップする

Vite は、特に React、Vue などの JavaScript ベースのアプリケーションに高速かつ効率的な開発エクスペリエンスを提供するように設計された最新の ビルド ツール です。

Vite 自体は、最小限の構成による開発速度と、開発プロセス中の読み込み時間の短縮に重点を置いています。ロールアップによる最適化により、本番環境のビルド時間も通常より速くなります

このチュートリアルでは、Vite で Reactjs をインストールする方法を段階的に学習します

ステップ 1
お持ちのターミナル アプリケーションを開きます。ここでは cmder を使用し、アプリケーションをインストールするフォルダーに移動します

ステップ 2
インストールプロセスを実行するには、「yarn」または「npm」を​​使用できます
ターミナルに次のコマンドを入力します

##NPM
npm create vite@latest

##YARN
yarn create vite

毛糸を使用しています。

上記のコマンドを実行すると、次の図に示すように、作成するアプリケーションの名前を入力するように求められます

ステップ 3
リストが表示されます。矢印キーを使用してリストを上下に移動し、Enter をクリックして希望のオプションを選択します。
このステップでは、React

を選択します。

ステップ 3
選択できる 5 つのオプションが表示されます。
に移動して選択します。 ここでは Typescript SWC を選択します

それだけです。これで Vite プロジェクトが完成しました

ステップ 4
ステップ 3 の最終結果に示されているように、作成したアプリケーション フォルダーに入るように求められ、その後、指示に従ってコマンドを実行します

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

ステップ 5
ステップ 4 のすべてのプロセスが成功したら、アプリケーションを実行するには、次のコマンドを実行する必要があります

### npm 
npm run dev

### yarn
yarn dev

アプリケーションが正常に実行されたら、ターミナルに表示されるリンクに従ってアプリケーションにアクセスできます

---

結論:
まったく難しいことではなく、プロセス全体が完了するまでにそれほど時間はかかりません。

これで、Vitejs を使用して ReactJS アプリケーションをインストールする方法を学習できました

ありがとう

以上がVite で React を段階的にセットアップするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。