我使用Vite作為前端框架的建構工具來創建React的專案，因為Vite是比較新的工具，未來也比較多人使用

首先用npm的指令，透過vite來創建前端的框架

接著選擇React框架、選擇使用JavaScript，創建一個新專案

接著就是改變目錄、安裝套件、啟用dev server（開發伺服器）

產生localhost伺服器網址

接著簡單認識專案的各種資料夾：

• node_modules 存放專案所依賴的套件
• public 存放各種靜態資源，例如圖片、txt檔
• src(source) 存放專案原始碼

  • svg可以存放照片
    

  • jsx(JavaScript XML) 可以把JavaScript和HTML結合在一起
    

• index.html 伺服器從頭到尾只會發送這個檔案給瀏覽器，react會以這個html往檔案為基礎動態修改網頁內容
• package.json 紀錄跟這個專案相關的所有資料(專案名稱、版本號、專案所依賴的套件)

先簡單測試在App.jsx 中寫一個Hello World，成功在網頁顯示出來

接下來將正式學習React!

學習影片出處：https://youtu.be/aBTiZfShe-4?si=Igb2aKz3sefA97A5