---
# System prepended metadata

title: VsCode環境建置

---

# VsCode環境建置
Created a programming environment


**簡單教一些需要使用開發程式環境的同學怎麼操作:**

# **MinGW**


1.下載[MinGW](https://sourceforge.net/projects/mingw/)


![螢幕擷取畫面 2025-03-27 210919](https://hackmd.io/_uploads/Hk-L06MTye.png)
點擊綠色按鈕(Download)
![螢幕擷取畫面 2025-03-27 211323](https://hackmd.io/_uploads/B1PZyRM6yl.png)
(找不到就在常用那邊打Min應該就會出現了)

2.開始安裝(Install)
![螢幕擷取畫面 2025-03-27 211447](https://hackmd.io/_uploads/ry_Iy0Ga1e.png)

3.continue(當進度條到達100%時，再點擊一次)
![螢幕擷取畫面 2025-03-27 211734](https://hackmd.io/_uploads/HkzZlAGaJg.png)

4.跳出下面視窗後選取第 2 個及第 5 個
並且mark for installation
![HkutdcDC2](https://hackmd.io/_uploads/B1VDxAGTke.png)



5.點擊Installation跟Apply Changes
![B1GjYqPAh](https://hackmd.io/_uploads/SyCq-CzT1l.png)


6.點擊Apply
![HJs0KcDA3](https://hackmd.io/_uploads/ry-kzAGa1e.png)

7.讓他跑完成功之後點擊close
![HkBr5qPRh](https://hackmd.io/_uploads/HkpgzCzaJe.png)

8.打開cmd，輸入gcc會發現顯示
*'gcc' 不是內部或外部命令、可執行的程式或批次檔。*
![螢幕擷取畫面 2025-03-27 215325](https://hackmd.io/_uploads/H1Bw_0M6yg.png)


9.找到 MinGW 的資料夾，並打開bin資料夾，點擊複製路徑(右鍵)
通常會在C槽 C:\MinGW內
![Bkk-h9PR2](https://hackmd.io/_uploads/SJLc7AGTJg.png)
右側對 *本機* 點右鍵，喚出 *內容*

10.點擊進階系統設定

![螢幕擷取畫面 2025-03-27 213745](https://hackmd.io/_uploads/H1Bxr0fpke.png)


11.點擊環境變數
![螢幕擷取畫面 2025-03-27 214042](https://hackmd.io/_uploads/S1ADSRzTkx.png)


12.在下方系統變數中找到Path選取，再點選編輯
![螢幕擷取畫面 2025-03-27 214255](https://hackmd.io/_uploads/Bkex8CGpkx.png)


13.點擊新增，貼上剛剛複製的路徑並點選確定兩次，退開頁面
![螢幕擷取畫面 2025-03-27 214549](https://hackmd.io/_uploads/r1gEDCMTyl.png)


14.打開CMD再輸入gcc，會發現它成功找到gcc的位置
![螢幕擷取畫面 2025-03-27 215430](https://hackmd.io/_uploads/BJVsuAf6kg.png)

# VsCode

1.下載[VsCode](https://code.visualstudio.com/)
![H1ei0twC3](https://hackmd.io/_uploads/HJyBt0zaJg.png)
(Vscode只有在Windows才能使用，請同學注意)


2.一樣在資料夾裡點擊安裝;我同意、下一步
![SydG1qDR2](https://hackmd.io/_uploads/ryI6c0z6kg.png)

3.下一步^3
![S1z3JcwRn](https://hackmd.io/_uploads/S1qgsCM6Je.png)
![SJ6He9vRn](https://hackmd.io/_uploads/S1pGiAGpyg.png)

4.安裝
![HyxYgcP0n](https://hackmd.io/_uploads/rJDuiCfp1e.png)
# 安裝內部套件(以C語言與format為例)

1.點選Extension
![ByzjZcDAn](https://hackmd.io/_uploads/Hy96oAM61g.png)




2.在搜尋框輸入{chinese}，選取中文(ㄈㄢˊㄊㄧˇ)，install
下載完畢後，需重新啟動一遍就會變成中文了
![SJqGZmq0n](https://hackmd.io/_uploads/HkQK20GaJe.png)


3.安裝C/C++套件，同上面操作方式
![rys0-7cCh](https://hackmd.io/_uploads/Sk6F6CMTJe.png)
4.安裝Code Runner
同上，安裝完後點擊小齒輪，選擇擴充設定
![BJEVQQ903](https://hackmd.io/_uploads/rydUy1Xa1x.png)

勾選Run In Terminal 這樣之後程式碼會執行在終端機
![SkT7B79Rn](https://hackmd.io/_uploads/BkvBz1ma1x.png)

可以 Save All Files Before Run、Save File Before Run 打勾，會在編譯 + 執行檔案前將檔案儲存，比較方便
![S1o9HQqAh](https://hackmd.io/_uploads/SkaNGkXayx.png)
# Prettier - Code formatter


1.搜尋Prettier
![image](https://hackmd.io/_uploads/SJEPQ17T1x.png)

2.與之前一樣的方法安裝，完成後點選小齒輪，設定
![螢幕擷取畫面 2025-03-27 224914](https://hackmd.io/_uploads/Hkjur1mp1g.png)

3.搜尋框內搜尋{format}，找到勾選Fornat On Save(Ctrl+S時會自動格式化)
同時Format On Paste也可以考慮選取
![螢幕擷取畫面 2025-03-27 224758](https://hackmd.io/_uploads/HkVIHkQakg.png)

