【React.js入門 - 01】 前言 & 環境設置(上) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
若要在 WSL 上安裝 full React 工具鏈，建議使用「建立-回應-應用程式」：
開啟終端機 (Windows 命令提示字元或 PowerShell) 。
建立新的專案資料夾： mkdir ReactProjects ，然後輸入該目錄： cd ReactProjects 。
使用「建立-回應-應用程式」安裝 React，這是一項工具，可安裝所有相依性來建立和執行完整 React.js 應用程式：
PowerShell複製
npx create-react-app my-app
注意
npx 是 npm 用來執行封裝以取代全域安裝的封裝執行器。 基本上，它會建立 React 的暫時安裝，讓每個新專案都使用最新版本的 React (而不是您在執行上述的全域安裝) 時的最新版本。 使用 NPX 封裝執行器執行封裝也有助於減少在電腦上安裝大量封裝的污染。
這會先要求您的許可權，以暫時安裝建立反應相關的應用程式和其相關聯的套件。 完成之後，請將目錄變更為您的新應用程式 ( 「我的應用程式」，或您選擇呼叫它的任何內容) ： cd my-app 。
開始新的 React 應用程式：
PowerShell複製
npm start
此命令會啟動 Node.js 伺服器，並啟動新的瀏覽器視窗，其中顯示您的應用程式。 您可以使用 Ctrl + c 來停止在命令列中執行 React 應用程式。
注意
建立 React 應用程式包括使用**Babel和webpack的前端組建管線，但不處理後端邏輯或資料庫。 如果您想要以使用 Node.js 後端的 React 來建立伺服器轉譯的網站，建議您安裝 Next.js**，而不是此建立回應式應用程式安裝，這對單一頁面應用程式來說更是如此。 如果您想要建立靜態內容導向的網站，也可能想要考慮 安裝 Gatsby 。
當您準備好將 web 應用程式部署至生產環境時， npm run build 執行會在 [組建] 資料夾中建立應用程式的組建。 您可以在建立 React 應用程式使用者指南中深入瞭解。