2025年3月6日 星期四

如何建立 React 專案

開始學習 React ,第一步當然是要將建立專案,檢視官網的Quick Start,覺得很神奇為何

沒有建立 react 專案的語法,即使找到也是建立 next.js 專案



如同開頭說明的,官網文件似乎沒有如何建立 react 專案的指令,而僅有 next 的指令


而翻找文件時,發現原來前陣子官方已經棄用,而是請使用者轉去 vite 或是其他(網址1網址2)



被棄用的方法(網址),其說明上還是可以使用


使用其指令建立起來的專案



接著來透過 vite 建議專案


透過指令 npm create vite@latest

輸入後會步步詢問你要的專案名稱(自訂),要選用的 framework 等等..




接著切換目錄至 react-sample

透過 vscode 開啟專案

執行 npm install 指令

運作專案 npm run dev


開啟網頁連結,若能看到以下畫面代表專案建立成功


檢視下專案結構

public 目錄應該是放靜態資源

src 目錄應該是放要建置的相關網頁

沒有留言:

張貼留言