React.js 基礎環境建置
- Node.js 安裝:安裝 Node.js 以取得 JavaScript 的伺服器端執行環境,node -v 確認是否安裝成功
- 建立專案指令:執行
npm create vite@latest my-app -- --template react 來快速生成專案範本 - 安裝依賴:在專案資料夾內 (cd my-app) 執行
npm install 以下載 package.json 中定義的套件 - 啟動開發伺服器:輸入
npm run dev 開啟本地預覽環境
常見錯誤與解決方法
- 版本過舊:Node.js 版本低於官方要求導致建置失敗,建議前往官網下載並安裝最新的 LTS 穩定版本
- 套件路徑錯誤:未先進入專案目錄就執行安裝指令,建議使用 cd 切換至正確的專案路徑後再操作
# 步驟 1: 使用 Vite 建立一個新的 React 專案,專案名稱自訂為 my-app
npm create vite@latest my-app -- --template react
# 步驟 2: 進入專案資料夾
cd my-app
# 步驟 3: 安裝專案所需的相依套件
npm install
# 步驟 4: 啟動本地端伺服器,預設通常會在 http://localhost:5173 運行
npm run dev