共用方式為

直接在 Windows 上安裝 React

  • 發行項

本指南將逐步解說使用 vite 前端工具直接在 Windows 上安裝 React。

如果您不熟悉 React，但是有興趣學習，建議您遵循這些指示。 如果您要建立單頁應用程式 (SPA)，以使用 Bash 命令或工具搭配和/或計劃部署至 Linux 伺服器，建議您在 Windows 子系統 Linux 版 (WSL) 上使用 vite 安裝。

如需有關 React、決定使用 React (Web 應用程式)、React Native (行動應用程式) 和適用於 Windows 的 React Native (傳統型應用程式) 的一般資訊，請參閱 React 概觀。

建立您的 React 應用程式

若要安裝 Create React 應用程式：

  1. 開啟終端機 (Windows 命令提示字元或 PowerShell)。

  2. 建立新的專案資料夾：mkdir ReactProjects，並進入該目錄：cd ReactProjects。

  3. 使用 vite 安裝 React：

    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 應用程式。

注意

Vite 會包含使用 Babel、esbuild 和 Rollup 的前端組建管線，但不會處理後端邏輯或資料庫。 如果您要尋求以使用 Node.js 後端的 React 建置伺服器轉譯的網站，建議您安裝 Next.js，而不是此 Vite 安裝 (其用途更適用於單頁應用程式 (SPA))。 如果您想要建置靜態內容導向的網站，您也可以考慮安裝 Gatsby。

  1. 準備好將 Web 應用程式部署至生產環境時，執行 npm run build 即可在 "dist" 資料夾中建立應用程式的組建。 您可以在部署靜態網站中深入了解。

其他資源