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

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

• 補充：discord 位置 </aside>

任務五：流程表單設計

作業設計稿：https://www.figma.com/design/omevevD7bxbB3wQfL3jXR8/六角｜職旅-WorkWay｜職涯諮詢媒合-（student-ver.）?node-id=4032-9079&p=f&t=E4mOlKsFd0aKiutv-0

• 使用 Vite 、bootstrap，實作表單設計

• 目標：熟悉 Bootstrap 基本通用類別、元件運用。

  可以先直接使用原始 Bootstrap 元件開發（呈現和設計稿不同沒關係），下週再練習調整樣式細節。

講解大綱

前置作業

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

Vite 檔案結構

• 下載 Vite 檔案 (含 Bootstrap 版本)

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

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

• 安裝套件

  npm install