手把手教你用VSCode調(diào)試仿真

1. PC上的IDE

都2020年了，聽說你還在用vc++ 6.0，不，可能還到處搜索下載安裝巨無霸一樣的visual studio 2019來調(diào)試你“雞碎咁多”的代碼？都o(jì)ut了，這些不是過于龐大就是編譯器老掉牙了。

為啥不用gcc呢？

gcc不是Linux里面的嗎，能用在Windows？還能debug嗎？

什么？你不知道Windows也可以用gcc？

好吧，我今天手把手教你用gcc，并且教你在vscode上用gcc征服debug過程中遇到的各種疑難雜癥！

2. 安裝MinGW

MinGW是什么東西，怎么安裝？這里就不詳述了，隨便百度出來一堆。

不用管那么多，你知道它里面有個(gè)gcc就夠了。至于安裝，簡(jiǎn)單地說，可以從MinGW官方網(wǎng)站https://osdn.net/projects/mingw/releases/下載一個(gè)installer，直接默認(rèn)安裝，然后在類似以下界面選擇要安裝的包，例如GCC、GDB等。

更多的問題，其實(shí)是，國(guó)內(nèi)的網(wǎng)絡(luò)訪問很慢。

如果不嫌棄，可以點(diǎn)擊以下鏈接下載，直接解壓到你喜歡的位置（免安裝），然后配置環(huán)境變量即可。

然后呢，你就可以像在Linux里面那樣愉快地玩耍了，當(dāng)然，如果你是高手，你可以用命令行g(shù)db來debug。

3. 在VSCode上debug

VSCode用過吧，也許是當(dāng)下最流行的看代碼神器之一了，關(guān)鍵是里面的插件用起來爽。那么，VSCode可以調(diào)試C代碼嗎？答案是必須的。

首先，你需要安裝兩個(gè)插件：C/C++、Code Runner

然后，我這里用一個(gè)這個(gè)公眾號(hào)(嵌入式軟件實(shí)戰(zhàn)派)之前發(fā)的一個(gè)X-MACRO的例子代碼（單個(gè)C文件）來做實(shí)驗(yàn)。

在下面的代碼上面戳一個(gè)斷點(diǎn)(行號(hào)左邊那個(gè)紅點(diǎn))，像這樣：

接著，在菜單Run上面選擇點(diǎn)擊Start Debugging……

繼續(xù)，點(diǎn)擊C++(GDB/LLDB)

還有，點(diǎn)下圖這個(gè)gcc.exe

呃呃

Wait，莫慌！這是我的電腦的問題，你的不一定有，我的電腦沒裝好.Net Framework。如果你的也是，戳這個(gè)錯(cuò)誤提示框的“是”，跟著提示安裝.Net即可。

其實(shí)，到這里，如果你能仿真，那就是成功了。

如果不行，看看這個(gè)，經(jīng)過上面的操作，會(huì)生成以下配置文件：

?"tasks": [
? ? ? ? {
? ? ? ? ? ? ?"type": "shell",
? ? ? ? ? ? ?"label": "C/C++: gcc.exe build active file",
? ? ? ? ? ? ?"command": "D:\\MinGW\\bin\\gcc.exe",
? ? ? ? ? ? ?"args": [
? ? ? ? ? ? ? ? ?"-g",
? ? ? ? ? ? ? ? ?"${file}",
? ? ? ? ? ? ? ? ?"-o",
? ? ? ? ? ? ? ? ?"${fileDirname}\\${fileBasenameNoExtension}.exe"
? ? ? ? ? ? ],
?

以上這個(gè)“command”要配置成你的gcc路徑。還有下面配置的這個(gè)“miDebuggerPath”是gdb的路徑：

? "version": "0.2.0",
? ? ?"configurations": [
? ? ? ? {
? ? ? ? ? ? ?"name": "gcc.exe - 生成和調(diào)試活動(dòng)文件",
? ? ? ? ? ? ?"type": "cppdbg",
? ? ? ? ? ? ?"request": "launch",
? ? ? ? ? ? ?"program": "${fileDirname}\\${fileBasenameNoExtension}.exe",
? ? ? ? ? ? ?"args": [],
? ? ? ? ? ? ?"stopAtEntry": false,
? ? ? ? ? ? ?"cwd": "${workspaceFolder}",
? ? ? ? ? ? ?"environment": [],
? ? ? ? ? ? ?"externalConsole": false,
? ? ? ? ? ? ?"MIMode": "gdb",
? ? ? ? ? ? ?"miDebuggerPath": "D:\\MinGW\\bin\\gdb.exe",
?

最后，如果成功了，就會(huì)像下面截圖這樣，左邊的斷點(diǎn)變成了一個(gè)黃色小圖標(biāo)：

這時(shí)，你就可以點(diǎn)擊這些小箭頭玩耍了，這是不是曾經(jīng)熟悉的感覺？

同時(shí)，你還可以通過下面這個(gè)窗口看debug信息：

還有output信息：

4. VSCode多文件debug

單個(gè)文件可以按上面的方法，但是，如果有多個(gè)C文件呢？這里折騰了我兩個(gè)鐘，現(xiàn)在我用兩分鐘教你少走彎路，我也把我遇到的“坑”標(biāo)在這，你不要踩哦。

按以上提到的套路，直接點(diǎn)擊debug，然后……

呃(⊙o⊙)…看看錯(cuò)誤信息：

?> Executing task: & 'D:\Program Files\MinGW\bin\gcc.exe' -g 'd:\vsdebug\main.c' -o 'd:\vsdebug\main.exe' <
?
?C:\Users\xxx\AppData\Local\Temp\ccWm0Di0.o: In function `main':
?d:/vsdebug/main.c:7: undefined reference to `func_a'
?d:/vsdebug/main.c:8: undefined reference to `func_b'
?collect2.exe: error: ld returned 1 exit status

（Note：這個(gè)例子是在另一個(gè)計(jì)算機(jī)上測(cè)試的，所以MinGW路徑跟上面的不一樣，請(qǐng)忽略這個(gè)細(xì)小差別。）

這錯(cuò)誤信息它說沒找到func_a和func_b，實(shí)際上，因?yàn)樗愃频貓?zhí)行了：

?gcc -e main.c -o main.exe

沒有func_a.c和func_b.c兩文件，當(dāng)然，它也不知道有這兩文件。我們來看看配置文件task.json

? "tasks": [
? ? ? ? {
? ? ? ? ? ? ?"type": "shell",
? ? ? ? ? ? ?"label": "C/C++: gcc.exe build active file",
? ? ? ? ? ? ?"command": "D:\\Program Files\\MinGW\\bin\\gcc.exe",
? ? ? ? ? ? ?"args": [
? ? ? ? ? ? ? ? ?"-g",
? ? ? ? ? ? ? ? ?"${file}",
? ? ? ? ? ? ? ? ?"-o",
? ? ? ? ? ? ? ? ?"${fileDirname}\\${fileBasenameNoExtension}.exe"
? ? ? ? ? ? ],

這里的args里面的東西是不是像gcc里面的命令參數(shù)？Bingo！

這個(gè)"${file}就是當(dāng)前文件名，即你在vscode界面上看到的這個(gè)文件，然后你在其基礎(chǔ)上點(diǎn)擊了debug操作，它就識(shí)別到你想對(duì)它進(jìn)行debug。但是它不知道你需要另外兩個(gè)文件。于是，我們干脆手動(dòng)添加所有需要編譯的文件：

? "tasks": [
? ? ? ? {
? ? ? ? ? ? ?"type": "shell",
? ? ? ? ? ? ?"label": "C/C++: gcc.exe build active file",
? ? ? ? ? ? ?"command": "D:\\Program Files\\MinGW\\bin\\gcc.exe",
? ? ? ? ? ? ?"args": [
? ? ? ? ? ? ? ? ?"-g",
? ? ? ? ? ? ? ? ?"${file}",
? ? ? ? ? ? ? ? ?"${fileDirname}\\main.c",
? ? ? ? ? ? ? ? ?"${fileDirname}\\func_a.c",
? ? ? ? ? ? ? ? ?"${fileDirname}\\func_b.c",
? ? ? ? ? ? ? ? ?"-o",
? ? ? ? ? ? ? ? ?"${fileDirname}\\${fileBasenameNoExtension}.exe"
? ? ? ? ? ? ],

再來一發(fā)：

?> Executing task: & 'D:\Program Files\MinGW\bin\gcc.exe' -g 'd:\vsdebug\main.c' 'd:\vsdebug\main.c' 'd:\Projects\Documents\About Emb doc\vsdebug\func_a.c' 'd:\vsdebug\func_b.c' -o 'd:\vsdebug\main.exe' <
?
?C:\Users\xxx\AppData\Local\Temp\cc7Xdo6N.o: In function `main':
?d:/vsdebug/main.c:6: multiple definition of `main'

這兩個(gè)函數(shù)對(duì)應(yīng)的文件有了，但還是錯(cuò)了……你main的，重復(fù)了。想來想去，應(yīng)該是這里重復(fù)了：

?"${file}",
?"${fileDirname}\\main.c",

那就刪掉一個(gè)，再來

呃呃……沒完沒了了?？村e(cuò)誤信息：

?gcc.exe: error: d:\vsdebug\.vscode\main.c: No such file or directory
?gcc.exe: error: d:\vsdebug\.vscode\func_a.c: No such file or directory
?gcc.exe: error: d:\vsdebug\.vscode\func_b.c: No such file or directory
?gcc.exe: fatal error: no input files

怎么多了一個(gè)“.vscode”？路徑不對(duì)……噢，原來我是在task.json頁面上點(diǎn)擊的debug。

換一個(gè)頁面再來：

丫丫的，終于可以玩耍了。

好了，如果你想系統(tǒng)地了解這些配置參數(shù)是啥子意思，那就戳這里：https://code.visualstudio.com/docs/editor/debugging#_launch-configurations

另外，左邊的這幾個(gè)視圖分別可以查看當(dāng)前局部變量、全局變量，函數(shù)調(diào)用關(guān)系等（跟其他IDE類似）：

總結(jié)一下，遇到錯(cuò)誤，別慌，看錯(cuò)誤信息，很重要。

對(duì)于輕量級(jí)的仿真調(diào)試，以上VSCode的方法是非常好的，沒必要安裝龐大的Visual Studio 2019，gcc搞定所有。

看完，是不是覺得我很有鍥而不舍（一定要搞定它的強(qiáng)迫癥）的精神呢？

是吧！點(diǎn)個(gè)“再看”再走唄！