React を Windows に直接インストールする

このガイドでは、 Vite フロントエンドツールを使用して、Windows で React 開発環境を直接設定する手順について説明します。

React を初めて使用する場合や、Linux 環境を必要としないプロジェクトをビルドする場合は、次の手順をお勧めします。 Bash ツールを広範囲に使用する場合、または Linux サーバーにデプロイする場合は、代わりに REACT を WSL にインストールすることを検討してください。

React の背景と、Web アプリ、モバイルアプリ (React Native)、ネイティブデスクトップアプリ (React Native for Desktop) など、さまざまなシナリオについては、React の概要を参照してください。

前提条件

Node.js: Vite と npm を実行するために必要です。バージョン管理を容易にするための nvm-windows を使用してインストールします。

ターミナル (Windows コマンドプロンプトまたは PowerShell) を開きます。
新しいプロジェクトフォルダーを作成し、次のように入力します。
```
mkdir ReactProjects
cd ReactProjects
```
Vite を使用して新しい React アプリを作成します。
```
npm create vite@latest my-react-app -- --template react
```
Vite は、 my-react-app フォルダー内の新しい React プロジェクトをスキャフォールディングします。
新しいアプリフォルダーに移動し、依存関係をインストールします。
```
cd my-react-app
npm install
```
ローカル開発サーバーを起動します。
```
npm run dev
```
アプリは http://localhost:5173で利用できるようになります。 Ctrl + C キーを押してサーバーを停止します。
デプロイする準備ができたら、運用バンドルをビルドします。
```
npm run build
```
出力は、 dist フォルダーに配置されます。ホスティングオプションについては、「静的サイトの展開」を参照してください。

注

Vite は、シングルページアプリ (SPA) に最適です。サーバー側のレンダリングまたは Node.js バックエンドが必要な場合は、代わりにNext.js することを検討してください。静的サイトの生成については、 Gatsby を参照してください。

このページはお役に立ちましたか?