---
# System prepended metadata

title: 第五週小組任務 - 第13組
tags: [Vue直播班 - 2022 冬季班]

---

---
title: 第五週小組任務 - 第13組
tags: Vue直播班 - 2022 冬季班
---
###### tags: `2022 Vue直播班` `冬季班` `六角學院`

# 第五週小組任務 - 第十三組
:arrow_backward: [回到目錄](https://hackmd.io/zEo77jAnSH-C9q1ADR-i4Q)
:heavy_check_mark:

| No. | Slack Name | 簽到               |
| --- | --------   | ------------------|
|  1  | RayChen#6088     | ✔  |
|  2  | suihuilan#9485     |    |
|  3  | helena#8641     |   |
|  4  | 癡醉兔#3706     |   |
|  5  | Mia小福#4473     | ✔  |
|  6  | 柚子#3958     |   |
|  7  | EY chen#0364    |   |
|  8  | Keira#4654     |   |
|  9  | Tunafin#5340    |  |
|  10  |sherlin#4587   |  |
 
### 討論工具: Discode
- 時間:每周四晚間 8:00
- 截圖
 



### 挑戰一：安裝 Vite
#### 階段一：參考 Vite 的安裝影片，讓夥伴們完成 Node.js 與 Vite 的安裝。

Vue Cli 安裝影片：https://courses.hexschool.com/courses/vue-202121/lectures/44165343

#### 階段二：參考以下教學資源，將 Vite 編譯後的網站部署到 Github Pages。

影片教學：https://courses.hexschool.com/courses/vue-202121/lectures/44165389

|組員名單|Github Repo|Github Pages 連結|
|-|---|---|
|Mia小福#4473|[Github Repo](https://github.com/luckymia88/vite-deploy-sample)|[Github Pages](https://luckymia88.github.io/vite-deploy-sample/#/)|
|RayChen#6088|[Github Repo](https://github.com/RayChen1996/vite-vue-training-app)|[Github Pages](https://raychen1996.github.io/vite-vue-training-app/)|



### 挑戰二
https://docs.google.com/spreadsheets/d/1BHbt2qgxG5FsdE_G5hI8XIhe_noP746ZHllL2PHpkIM/edit#gid=1407652807

 
![](https://i.imgur.com/ZAbZnjp.png)
![](https://i.imgur.com/iYzD4HV.png)
![](https://i.imgur.com/3HDt7ie.png)
![](https://i.imgur.com/2J3NpWr.png)



 