<aside> 💡 本次直播為講解主線作業

如果對於直播或是作業內容有疑問，可以在 Discord 作業討論頻道，或是程式勇者村的作業繳交區發問哦！

• 補充：discord 位置 </aside>

任務四：多頁式 RWD 品牌形象官網

作業設計稿：https://www.figma.com/design/CYjKvZQo3db8xYCp6DCkKj/六角｜鞋子電商-W3、W4-（student-ver.）?node-id=12008-13571&t=1qnEDG3AuENER9p7-0

• 使用 Vite、實作首頁區塊

講解大綱

前置作業

• Git 與 GitHub 環境建立
• Vite 環境安裝
• Vite 專案部署到 GitHub
• 以上內容可參考課程影音：第四週 - GGV 任務 - 前端任務管理工具教學

Vite 檔案結構

• 下載 Vite 檔案

• 安裝套件

  • 查詢 Node.js 版本，至少要 v16 以上

    // 終端機查詢 Node.js 版本號
    node -v
    

  • 安裝

    npm install
    

• 專案結構