【React.js 學習筆記 EP.01】環境建置

React.js 基礎環境建置

1. Node.js 安裝：安裝 Node.js 以取得 JavaScript 的伺服器端執行環境，node -v 確認是否安裝成功
2. 建立專案指令：執行 npm create vite@latest my-app -- --template react 來快速生成專案範本
3. 安裝依賴：在專案資料夾內 (cd my-app) 執行 npm install 以下載 package.json 中定義的套件
4. 啟動開發伺服器：輸入 npm run dev 開啟本地預覽環境

常見錯誤與解決方法

1. 版本過舊：Node.js 版本低於官方要求導致建置失敗，建議前往官網下載並安裝最新的 LTS 穩定版本
2. 套件路徑錯誤：未先進入專案目錄就執行安裝指令，建議使用 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