返回文章列表
2026/3/9 React, 技術
使用 Vite 建立 React 專案
使用 Vite 建立 React 專案
- 打開終端機(Terminal),輸入以下指令:
用 npm 建立專案bash
-
輸入專案名稱

-
選擇框架 (React)

-
選擇語言 (Javascript / Typescript)

-
接下來根據需求選擇,通常初始練習可選 No。
-
專案建立完成,下方有提示接下來要做的事:

-
進入專案目錄:
bash source casebash
- 執行
npm install安裝基礎套件:
bash source casebash

- 執行
npm run dev啟動開發伺服器:
bash source casebash

- 進入提示的網址即可看到專案運行情況:

分享這篇技術心得 / Share
若這份筆記對您有所啟發,歡迎分享給更多同好。
延伸閱讀 / Related Cases
React
useEffect:與外部世界互動的橋樑
什麼是 useEffect? 當組件「渲染後」需要執行動作(如:抓取資料、訂閱事件、修改 DOM),就要用 useEffect。 useEffect 讓您在組件「渲染後」執行某些操作。這些操作通常不直接參與畫面繪製,而是與外部世界互動。 核心觀念: - React 的渲染過程應該是純粹的(輸入什麼
React
useRef:掌握 React 的「儲物櫃」與 DOM 操控
什麼是 useRef? useRef 回傳一個帶有 current 屬性的物件。它有兩個最主要的用途: 1. 存取 DOM 元素:直接抓取網頁上的 HTML 標籤(例如讓輸入框聚焦)。 2. 儲存「不需要渲染」的資料:存放在裡面的資料改變時,不會觸發組件重新渲染。 核心觀念: - 如果您希望