直接在 Windows 上安裝 React
本指南將逐步解說使用 vite 前端工具直接在 Windows 上安裝 React。
如果您不熟悉 React,但是有興趣學習,建議您遵循這些指示。 如果您要建立單頁應用程式 (SPA),以使用 Bash 命令或工具搭配和/或計劃部署至 Linux 伺服器,建議您在 Windows 子系統 Linux 版 (WSL) 上使用 vite 安裝。
如需 React 的一般資訊,請決定 React (Web 應用程式)、React Native (行動應用程式)和 React Native for Desktop (傳統型應用程式),請參閱 React 概觀。
建立您的 React 應用程式
若要安裝 Create React 應用程式:
開啟終端機 (Windows 命令提示字元或 PowerShell)。
建立新的專案資料夾:
mkdir ReactProjects
,並進入該目錄:cd ReactProjects
。使用 vite 安裝 React:
npm create vite@latest my-react-app -- --template react
安裝後,請將目錄變更為您的新應用程式 ("my-react-app" 或您選擇稱呼它的任何名稱):
cd my-react-app
、安裝相依性:npm install
,然後啟動您的本機開發伺服器:npm run dev
此命令將會啟動 Node.js 伺服器,並啟動新的瀏覽器視窗,以顯示您的應用程式。 您可以使用 Ctrl + c 來停止在命令列中執行 React 應用程式。
注意
Vite 會包含使用 Babel、esbuild 和 Rollup 的前端組建管線,但不會處理後端邏輯或資料庫。 如果您要尋求以使用 Node.js 後端的 React 建置伺服器轉譯的網站,建議您安裝 Next.js,而不是此 Vite 安裝 (其用途更適用於單頁應用程式 (SPA))。 如果您想要建置靜態內容導向的網站,您也可以考慮安裝 Gatsby。
- 準備好將 Web 應用程式部署至生產環境時,執行
npm run build
即可在 "dist" 資料夾中建立應用程式的組建。 您可以在部署靜態網站中深入了解。