# 花蓮親師生平台環境建置 ###### 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)