跳至主要内容

使用 Vite 建立 React 專案

  1. 打開終端機(Terminal),輸入以下指令:
# 使用 npm 建立專案
npm create vite@latest
  1. 輸入專案名稱 圖片

  2. 選擇框架 (React) 圖片

  3. 選擇語言 (Javascript / Typescript) 圖片

  4. 接下來根據需求選擇,通常初始練習可選 No。

  5. 專案建立完成,下方有提示接下來要做的事: 圖片

  6. 進入專案目錄:

cd [您剛建立的專案名稱]
  1. 執行 npm install 安裝基礎套件:
npm install

圖片

  1. 執行 npm run dev 啟動開發伺服器:
npm run dev

圖片

  1. 進入提示的網址即可看到專案運行情況: 圖片