開始學習 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 目錄應該是放要建置的相關網頁
沒有留言:
張貼留言