前言
前兩天有同學問我如何用VScode搭建C語言的環境。
接下來直接動手搭建C和C++的環境。
VS Code簡單介紹
VS code是一個微軟旗下的一個廣受歡迎的開源文本編輯器，相較於其他編輯器，VS code有着非常多的優點而讓開發者們對其愛不釋手。
比如炫酷的主題、漂亮的外觀、集成了終端以及輕量級的體積等等等等，VS code最厲害的地方在於他有着成熟的插件市場（我們下面馬上就要用到）以滿足開發者的各種開發需求，得益於這個插件市場，我們可以把VS code打造成各種開發環境。
VS code的下載也很簡單，直接去官網下載安裝即可。
MinGW簡單介紹和下載配置
需要注意的一點是，VS code只是一個文本編輯器，本質上和Windows的記事本是一個東西，它不是一個編譯器，它只是一個編輯器，編輯器是無法編譯運行程序的，這是編譯器的工作。
那么為了讓我們能夠在VS code里面編譯並運行C/CPP文件，我們需要去額外安裝C和C++的編譯器：GCC。
Windows平台上的GCC移植版本是MinGW。我們用MinGW其實也就是用里面的GCC來編譯我們寫的C/C++文件。
進去之后，選擇files：
下載MinGW的壓縮包：
下載過程由於是從外網下載，會比較慢，可以多試幾次或者掛代理，另外根據筆者的經驗來看外網的東西一般中午下載起來會比較快。
下載好了之后把他放在一個沒有中文和空格的目錄下解壓，然后配置環境變量。
在Win10的搜索欄（快捷鍵win+S）搜索環境變量會彈出系統屬性，點擊環境變量——上方的用戶變量里面找到Path——點擊編輯——點擊新建，然后把你的MinGW的bin路徑復制進去（如：D:\development\MinGW\bin），然后一路確定。
這樣環境變量就配置好了，我們可以隨便找一個路徑打開一個cmd輸入：gcc --version來驗證一下：
接下來我們配置VScode
VScode配置
打開VScode，然后打開左邊的插件市場，下載並安裝兩個插件：
● Chinese：中文漢化插件，VScode默認是英文界面，為了方便咱給他改成中文的。在搜索欄搜索Chinese，選則中文簡體點擊右下角的安裝（我這里安裝過了所以沒有那個安裝按鈕）。
● C/C++：一款C/C++語法高亮的代碼插件。安裝方式和Chinese一樣。
搞定之后我們來寫一個C文件測試一下，點擊左上角的文件——打開文件夾——選擇一個空文件夾打開，然后右鍵——新建文件：
隨便起個名（如Hello.c），隨便寫點代碼，比如經典的Hello World：
#include<stdio.h> int main(void) { printf("Hello World!"); return 0; }
然后我們編譯他，點擊最上方的終端-->配置默認生成任務（也可以用快捷鍵ctrl+shift+b）然后你會看到這樣一個選項：
這是讓我們選擇用什么來編輯這個文件，由於我們寫的是C文件，應該用能夠編譯C文件的編譯器（也就是我們上文配置的MinGW里面的GCC）。
我們點擊這里的C/C++編輯器，然后就會發現我們這里生成了一個Hello.exe文件和 .vs code文件夾。
打開一個終端（終端——新終端），輸入.\Hello.exe來運行這個文件，你會發現終端成功輸出Hello World，這代表成功運行。
至於這個.vscode文件夾，是當前文件夾里的一些配置文件（比如這里的task.json，它其中寫入了使用什么編譯器，編譯器的路徑等信息）。
{ "version": "2.0.0", "tasks": [ {//這個大括號里是‘構建（build）’任務 "label": "build", //任務名稱，可以更改，不過不建議改 "type": "shell", //任務類型，process是vsc把預定義變量和轉義解析后直接全部傳給command；shell相當於先打開shell再輸入命令，所以args還會經過shell再解析一遍 "command": "gcc", //編譯命令，這里是gcc，編譯c++的話換成g++ "args": [ //方括號里是傳給gcc命令的一系列參數，用於實現一些功能 "${file}", //指定要編譯的是當前文件 "-o", //指定輸出文件的路徑和名稱 "${fileDirname}\\bin\\${fileBasenameNoExtension}.exe", //承接上一步的-o，讓可執行文件輸出到源碼文件所在的文件夾下的bin文件夾內，並且讓它的名字和源碼文件相同 "-g", //生成和調試有關的信息 //"-Wall", // 開啟額外警告 //"-static-libgcc", // 靜態鏈接libgcc "-fexec-charset=GBK", // 生成的程序使用GBK編碼，不加這一條會導致Win下輸出中文亂碼 "-std=c11", // 語言標准，可根據自己的需要進行修改，寫c++要換成c++的語言標准，比如c++11 ], "group": { //group表示‘組’，我們可以有很多的task，然后把他們放在一個‘組’里 "kind": "build",//表示這一組任務類型是構建 "isDefault": true//表示這個任務是當前這組任務中的默認任務 }, "presentation": { //執行這個任務時的一些其他設定 "echo": true,//表示在執行任務時在終端要有輸出 "reveal": "always", //執行任務時是否跳轉到終端面板，可以為always，silent，never "focus": false, //設為true后可以使執行task時焦點聚集在終端，但對編譯來說，設為true沒有意義，因為運行的時候才涉及到輸入 "panel": "new" //每次執行這個task時都新建一個終端面板，也可以設置為shared，共用一個面板，不過那樣會出現‘任務將被終端重用’的提示，比較煩人 }, "problemMatcher": "$gcc" //捕捉編譯時編譯器在終端里顯示的報錯信息，將其顯示在vs code的‘問題’面板里 }, {//這個大括號里是‘運行(run)’任務，一些設置與上面的構建任務性質相同 "label": "run", "type": "shell", "dependsOn": "build", //任務依賴，因為要運行必須先構建，所以執行這個任務前必須先執行build任務， "command": "${fileDirname}\\bin\\${fileBasenameNoExtension}.exe", //執行exe文件，只需要指定這個exe文件在哪里就好 "group": { "kind": "test", //這一組是‘測試’組，將run任務放在test組里方便我們用快捷鍵執行 "isDefault": true }, "presentation": { "echo": true, "reveal": "always", "focus": true, //這個就設置為true了，運行任務后將焦點聚集到終端，方便進行輸入 "panel": "new" } } ] }
調試程序
接下來我們說調試，VS code的調試快捷鍵是 F5，按下 F5，會出現調試器選擇界面：
選擇GDB，再選擇gcc，你會發現終端那里跳轉到了調試控制台，並且 .vscode 文件夾下面又多了一個 launch.json 文件，上文我們已經說過了 .vscode文件夾存放當前工作文件夾的一些配置文件。
例如task.json其實是編譯運行的配置文件，這里的launch.json文件就是調試相關的配置文件，詳解如下：
{ "version": "0.2.0", "configurations": [ { //這個大括號里是我們的‘調試(Debug)’配置 "name": "Debug", // 配置名稱 "type": "cppdbg", // 配置類型，cppdbg對應cpptools提供的調試功能；可以認為此處只能是cppdbg "request": "launch", // 請求配置類型，可以為launch（啟動）或attach（附加） "program": "${fileDirname}\\bin\\${fileBasenameNoExtension}.exe", // 將要進行調試的程序的路徑 "args": [], // 程序調試時傳遞給程序的命令行參數，這里設為空即可 "stopAtEntry": false, // 設為true時程序將暫停在程序入口處，相當於在main上打斷點 "cwd": "${fileDirname}", // 調試程序時的工作目錄，此處為源碼文件所在目錄 "environment": [], // 環境變量，這里設為空即可 "externalConsole": false, // 為true時使用單獨的cmd窗口，跳出小黑框；設為false則是用vscode的內置終端，建議用內置終端 "internalConsoleOptions": "neverOpen", // 如果不設為neverOpen，調試時會跳到“調試控制台”選項卡，新手調試用不到 "MIMode": "gdb", // 指定連接的調試器，gdb是minGW中的調試程序 "miDebuggerPath": "C:\\Program Files\\mingw64\\bin\\gdb.exe", // 指定調試器所在路徑，如果你的minGW裝在別的地方，則要改成你自己的路徑，注意間隔是\\ "preLaunchTask": "build" // 調試開始前執行的任務，我們在調試前要編譯構建。與tasks.json的label相對應，名字要一樣 }] }
我們來試着調試程序，按下 F9 是為當前所在行設置斷點。當然你也可以將 launch.json 文件中的 "stopAtEntry": false改為true。
這樣程序會在main函數開始暫停，相當於在main函數的起步打斷點，進入調試之后 VS code 會給出一個調試工具，長這樣：
從左到右一次為：
● 繼續（F5）
● 單步跳過（F10）
● 單步調試（F11）
● 單步跳出（shift+F11）
● 重啟（shift+ctrl+F5）
● 停止（shift+F5）
同時你可以在左邊的變量區域監視變量變化情況，這些都是基本的調試功能，這里不再闡述。
結束語
到這里為止我們已經把 VS code 打造成了一個 C 和 C++ 的開發環境，並嘗試了編譯運行和調試。
你可以拋棄笨拙 VC 6 和調試不方便的 Dev C++ 轉而使用 VS code 編寫調試 C/C++ 的程序了，祝你用的開心！
最后，不管你是轉行也好，初學也罷，進階也可，如果你想學編程~
【值得關注】我的 C/C++編程學習交流俱樂部！【點擊進入】
問題答疑，學習交流，技術探討，還有超多編程資源大全，零基礎的視頻也超棒~