透過Vite建立React專案

在確認好本地端的環境已經沒問題後，那就開始建構我們的 React 專案吧。

利用 vite 建立 React 專案

請開啟此Vite 官方文件
複製這段終端機指令npm create vite@latest (請透過官方文件的方式刺至指令)
開啟終端機，將剛剛複製的指令貼上並執行 (請先透過cd指令進對到要新增專案的資料夾中)
畫面出現Project name時，請輸入自己的專案名稱(英文為主)，確認後再按下 Enter 鍵進入下一步驟
畫面出現Select a framework後請選擇想要的框架，這篇筆記是以 React 為主，所以在這邊選擇React（之後各位新的專案要用其他的框架像是 Vue，那麼就選擇 Vue 就行）
畫面出現Select a variant時，請選擇自己是要用 TS 或是 JS
上面步驟執行完後會顯示三個指令，分別是cd 專案名稱、npm install、npm run dev，這時候雖然可以照這這三個指令來操作，但在這邊請先幫我透過 VS Code 開啟剛剛建立的專案
請開啟 VS code 的終端機介面
在 VS Code 的終端機中輸入 npm install，安裝需要等一下，成功執行後會在檔案列表中出現一個node_modules資料夾
在 VS Code 的終端機中輸入npm run dev後會顯示一段網址像是這樣http://localhost:5500/，可以將這個網址複製到瀏覽器中並執行，就可以在瀏覽器畫面中看到Vite + React這樣就成功建立好專案了
如果要關閉畫面或是將 VS Code 的終端機恢復成可以正常輸入令的情況，就請按住鍵盤的 cmd/ctrl + C 鍵