Visual Studio Code(簡稱：Vscode) 是一個文本編輯器，支援語法突顯、程式碼補齊等等功能，簡單來說，就是一個強化版的 Windows 記事本，雖然預設已經支援許多程式語言，如 JavaScript、CSS、HTML 等等，如果要讓它執行更多種類的程式語言，如 C、C++、Python、Java 等等，就需要額外安裝工具和擴充功能。
Minimalist GNU for Windows(簡稱：MinGW) 是將 GCC 編譯和 GNU Binutils 移植到 Windows 環境上的版本，讓 C、C++ 能夠在 Windows 環境中運行。
本篇教學適用於 Windows 環境，將會使用 Vscode + MinGW 來搭建一個能夠撰寫 C++ 的 IDE。

更新訊息：
本篇教學中的 MinGW 工具版本較舊，雖然功能都能正常使用，但是可能無法支援 C++ 最新版本的工具，如果想使用 MinGW 的最新版本來撰寫 C++ 程式，可參考此篇教學文。

---

• 一、安裝 Vscode：
• 二、安裝 MinGW：
• 三、設置 Windows 環境變數：
• 四、設置 Vscode 環境：
• 五、執行 Vscode 的第一個 C++：

---

一、安裝 Vscode：

1. 到 Vscode 官網下載 Vscode 的安裝檔。
   連結：https://code.visualstudio.com/
   

2. 開啟安裝檔，接著只要一直按下一步就能安裝完成，到附加工作這一頁推薦全勾取。
   

3. 安裝寫 C++ 必備和更便利的擴充功能，先進入到管理擴充功能的地方，點擊最左邊工具列四個框框的圖標或者按下快捷鍵 Ctrl + Shift + X。
   

4. 於輸入框中輸入想要安裝的功能名稱，接著按下安裝並重啟 Vscode 即可安裝完畢。
   

• Chinese (Traditional) Language Pack for Visual Studio Code
  能將 Vscode 翻譯成繁體中文，對於英文不好的朋友簡直是一大福音。
  連結：https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hant
  

• C/C++
  要寫 C++ 程式，這是一定要裝的擴充功能。
  連結：https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools
  

• Code Runner
  能夠讓執行程式更方便的擴充功能，極度推薦安裝。
  連結：https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
  

二、安裝 MinGW：

1. 到 SOURCEFORGE 網站下載 MinGW 的安裝檔。
   連結：https://sourceforge.net/projects/mingw/files/
   

2. 接著照著步驟安裝即可，預設安裝位置也不需更改。
   

3. 接著開啟剛剛安裝好的 MinGW 軟體，選擇 mingw32-gcc-g++ 會跳出一個清單，
   接著按 Mark for Installation。
   

4. 選擇左上角功能列的 Installation 裡面的 Apply Changes，接著按 Apply 就完成了。
   

三、設置 Windows 環境變數：

1. 開啟電腦設定中的系統資訊，選擇關於標籤，點擊右邊的的進階系統設定。
   

2. 點擊環境變數，選擇下方系統變數裡面的 Path，點擊編輯。
   

3. 點擊新增鍵，將 C:\MinGW\bin 加入到 Path 中。
   

四、設置 Vscode 環境：

1. 到作者的 GitHub 下載設置 Vscode 環境需使用到的 Json 檔。
   連結：https://github.com/smallshawn95/VSCode-CPP-Setting.git
   

2. 創建一個之後要放 C++ 程式的資料夾，接著建立一個 .vscode 名稱的資料夾。
   

3. 將剛剛下載好 Zip 檔解壓縮到 .vscode 名稱的資料夾。
   

4. 按下快捷鍵 Ctrl + Shift + P 或者 F1，然後輸入 Open Setting，打開 Vscode Setting Json 檔。
   

5. 加入下面兩行程式碼到 Vscode Setting Json 檔中，這兩行程式都是避免 C++ 輸出的繁體中文是亂碼。
   

   ​​​//讓 Code Runner 將 C++ 執行在終端機中
   ​​​"code-runner.runInTerminal": true,
   ​​​//預設 C++ 程式碼的編碼方式為 Big5(繁體中文標準庫)
   ​​​"[cpp]":{
   ​​​    "files.encoding": "cp950"
   ​​​},
   

五、執行 Vscode 的第一個 C++：

1. 將電腦重新啟動來讓環境變數設置完成。
   

2. 寫出在 Vscode 中的第一個 C++ 程式 “Hello, world!” 吧。

#include <iostream>
using namespace std;

int main()
{
    cout << "Hello, world!" << endl;
    return 0;
}

3. 如果在終端機成功顯示 “Hello, world!” 的話，恭喜您本次課程就成功了喔。
   

---

感謝各位願意看完整篇教學，讓作者本人感動得痛哭流涕，希望各位都有輕輕鬆鬆學會，也歡迎加入使用 Vscode 這個大家庭，作者當初會轉而使用 Vscode 的原因，就覺得 Dev-C++ 的顏色、主題和字體都不多，能夠個人化的空間不高，因此想要再看看有沒有其他工具能夠寫 C++，於是在網路上查詢到大多數人推薦使用 Vscode 寫程式，從此就不小心入坑 Vscode 了，不過，當時也是小白的我，想在 Vscode 中建置寫 C++ 的環境中就遇到頗多困難，網路上的教學雖然多，但是通常都教學步驟零零落落或是不夠詳細，讓當時的我吃足苦頭才做好一個能成功運行 C++ 的環境，因此想要製作一篇教學，來讓新手小白們也能輕鬆的建置好寫 C++ 的環境，在享受 Vscode 的便利和美麗的外觀的同時，也能快快樂樂的寫程式，歡迎大家一起加入程式這個大家庭。

---

📢 歡迎加入我的 Discord 伺服器：https://discord.gg/Jtd3eVrFJs

📢 歡迎加入我的 FB 社團：
https://www.facebook.com/groups/shawn20060304/

Copyright © 2022 SmallShawn95. All rights reserved.