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


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






沒有留言:

張貼留言

[ASP.Net]GridView自訂分頁處理

  ASP.Net的GirdView在每次分頁處理時都會在重新抓取所有資料在進行分頁,遇到大量資料或是設計不良的情況下,在切換時頁面會卡住,造成使用者體驗不佳。 可以透過GirdView內建的參數以及SQL OFFSET語法來替代原先的分頁處理,以下為步驟說明 1.asp...