---
# System prepended metadata

title: 花蓮親師生平台環境建置
tags: [花蓮親師生平台]

---

# 花蓮親師生平台環境建置
###### tags: `花蓮親師生平台`

建立環境
===
## VSCode部分

1. 先至github下載code。
2. 用VSCode開啟花蓮親師生平台工作區。

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

3. client及server端各開一個終端幾。
    
    ![](https://i.imgur.com/A9D0qmA.png)

4. 各至執行yarn來安裝套件。
    
:::info
:bulb: **提示**: server端記得要有pm2 (在package.json裡有定義)。
:::

:::info
:bulb: **提示**: yarn不成功的話，可以試著把yarn.lock刪掉重新yarn。
:::

:::danger
:fire: **警告**: 此步驟較容易有問題（特別是windows的電腦....），請適時找人協助。
:::

5. 各至執行yarn start。

## Web部分

1. 打開瀏覽器並輸入[pts.hlc.edu.tw:4200](pts.hlc.edu.tw:4200)。
2. 登入完帳號會先導到花蓮的auth，這時要先改成4200及https。
    
    ![](https://i.imgur.com/RVt9ZTh.png)
    
    ![](https://i.imgur.com/GUk0XZ4.png)
    
3. 完成上述動作會改成導到ischool auth，再改一次https。

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




