2024年2月16日 星期五

[React] 開發環境建立

  


依據以下步驟建立React開發環境,本篇文章使用的是vite來建立專案,而不是之前介紹的CRA。


先新建一個專案資料夾,並透過VS Code開啟


用Ctrl+`來開啟Terminal,並輸入以下Command

npm create vite@latest

再根據專案選項依序點選





接著用OpenFolder的方式開啟剛剛建立的專案資料夾


用Ctrl+`開啟Terminal,輸入以下指令安裝package.json內的相依套件

npm install

 安裝完成後,再輸入以下指令就可以偵錯網站

npm run dev


點擊網址,就可以看到網頁囉






沒有留言:

張貼留言

【.Net Core】 EF Core + Web API 實作

 EF Core是Entity Framework在.Net Core使用的版本,功能幾乎相同,但具有輕巧、高擴充性以及高效能等優點,建議各位學習。 通常在.Net Core如果要用ORM的方式會有兩種選擇分別是EF Core以及Dapper。 從其他網路文章可以看到這兩種在最新...