返回文章列表
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. 儲存「不需要渲染」的資料：存放在裡面的資料改變時，不會觸發組件重新渲染。 核心觀念： - 如果您希望