---
# System prepended metadata

title: 架設開發環境與燒錄

---

# 架設開發環境與燒錄
## Git安裝以及使用

### [參考文章](https://medium.com/@newpage0720/vscode%E8%88%87github%E6%96%B0%E5%B0%88%E6%A1%88%E8%A8%AD%E5%AE%9A-4a2b5621a657)
### [教學影片](https://youtu.be/FKXRiAiQFiY?si=cpSjSnFLwvGbysld)

## Vscode 設置

如果是完全還沒安裝過Vscode的同學可以參考以下文章
[軟體安裝教學](https://medium.com/@sajhon_chen4/vs-code%E5%AE%89%E8%A3%9D%E6%95%99%E5%AD%B8-3ccb1570e5cf)
接著我們要來安裝必要的擴充
[安裝擴充教學](https://medium.com/az-%E4%B8%8B%E7%AD%86%E8%A8%98/vs-code-%E5%85%A5%E9%96%80-%E5%AE%89%E8%A3%9D%E6%93%B4%E5%85%85%E5%A5%97%E4%BB%B6-57c3a739e61d)
* Live Server
     ![image](https://hackmd.io/_uploads/Hk-5bCBYA.png)
    安裝成功後右下角會有
    ![image](https://hackmd.io/_uploads/r1Sh-0HFR.png)
的圖標
    接著要針對這個套件做一些設定
    ![image](https://hackmd.io/_uploads/ByVF42_nA.png)
    ![image](https://hackmd.io/_uploads/BJjcKWcK1g.png)

    ![image](https://hackmd.io/_uploads/SyVA43_3R.png)






## Python與pip設置
如果還沒安裝過python的同學可以參考[python安裝教學](https://medium.com/@benson890720/python%E7%B7%B4%E7%BF%92%E7%AD%86%E8%A8%98-%E5%AE%89%E8%A3%9Dpython-8f423dd77c68)
### 檢查python
按`windows`+`R`輸入`cmd`
![image](https://hackmd.io/_uploads/HJFCGASYA.png)
按`Enter`打開終端機
輸入`python --version`按`enter`
![image](https://hackmd.io/_uploads/Byi7XAHFC.png)
確保有跑出已經安裝的python版本
### 安裝必要的Python packages
一樣打開終端機輸入並且執行(可以分行貼上執行或者一次貼上執行)
```
pip install PyQt6
pip install PyQt6-WebEngine
```
## Github專案

使用git clone下載專案
如果只是要體驗可以直接下載zip 
https://github.com/ck7-32/WEGO_lightdance
接著打開專案資料夾
![image](https://hackmd.io/_uploads/H1ryM0St0.png)
確保左側的workspace是專案資料夾
![image](https://hackmd.io/_uploads/SJOzfRSY0.png)
