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

このガイドでは、vite フロントエンド ツールを使用して、Windows に直接 React をインストールする手順を説明します。

React を初めて使用する場合や、学習に興味がある場合は、これらの手順に従うことをお勧めします。 Bash コマンドやツールを使用してシングルページ アプリ (SPA) を作成する場合、Linux サーバーへのデプロイを計画している場合、またはその両方の場合、Vite を使用して Linux 用 Windows サブシステム (WSL) にインストールすることをお勧めします。

React の一般的な情報、React (Web アプリ)、React Native (モバイル アプリ)、React Native for Desktop (デスクトップ アプリ) の決定については、 React の概要を参照してください。

React アプリを作成する

Create React App をインストールするには:

1. ターミナル (Windows コマンド プロンプトまたは PowerShell) を開きます。

2. 新しいプロジェクト フォルダーを作成し (mkdir ReactProjects)、そのディレクトリに移動します (cd ReactProjects)。

3. Vite を使用したインストール:

   npm create vite@latest my-react-app -- --template react
   

4. インストールが完了したら、新しいアプリのディレクトリ ("my-react-app" または任意の名前) に移動し (cd my-react-app)、依存関係をインストールしてから (npm install)、ローカル開発サーバーを起動します (npm run dev)。

   このコマンドは Node.js サーバーを起動し、アプリを表示する新しいブラウザー ウィンドウを起動します。 Ctrl + C キーを使用すると、コマンド ラインでの React アプリの実行を停止できます。

6. Web アプリを運用環境にデプロイする準備ができたら、npm run build を実行して、"dist" フォルダーにアプリのビルドを作成します。 「静的なサイトのデプロイ」で、さらに詳細を確認できます。

その他のリソース

• React のドキュメント
• Vite
• Next.js のインストール
• Gatsby をインストールする
• デスクトップ用 React Native をインストールする
• Windows での NodeJS のインストール
• WSL での NodeJS のインストール
• 「Using React in Visual Studio Code (Visual Studio Code での React の使用)」チュートリアルを試してください。
• React ラーニング パスを試す