# 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)