直接在 Windows 上安裝 React

本指南將一步步說明如何在 Windows 上直接使用 Vite 前端工具建立 React 開發環境。

如果你是 React 新手，或是開發不需要 Linux 環境的專案，我們建議參考這些說明。如果你打算大量使用 Bash 工具或部署到 Linux 伺服器，建議考慮在 WSL 上安裝 React 。

關於 React 及其不同情境的背景——網頁應用程式、行動應用程式（React Native）以及原生桌面應用程式（React Native for Desktop）——請參閱 React 概覽。

先決條件

開啟終端機（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。

此頁面對您有幫助嗎？