---
# System prepended metadata

title: 範例使用教學
tags: [Vue 直播班]

---

---
tags: Vue 直播班
---

# 範例使用教學

### 1. 進入 Github Repo 頁面
2 ~ 6 週：https://github.com/hexschool/live-vue3-training-chapter-2023
第 7 週：https://github.com/hexschool/live-vue3-dashboard-2023

### 2. 點選頁面中綠色下拉選單 `<> Code`
點選「**Download ZIP**」下載

![](https://i.imgur.com/PsRYPkG.png)

### 3. 解壓縮，並開啟檔案
解壓縮後，該資料夾內有各週的資料夾

![](https://i.imgur.com/aYSOYZG.png)

選擇想要觀看的週數（這邊**以第二週為例**），使用 VS Code 開啟

![](https://i.imgur.com/IBcBTOY.png)

### 4. 修改 API Path
找到有 apiPath 資料的 .js 檔案
> 第二週是在 `products.js` 

![](https://i.imgur.com/dRVEl9Y.png)

將 `hexschoolvue` 修改為自己申請的 API 路徑並儲存檔案，
即可成功登入。

> 使用 Vite 則在 .env 檔修改

