你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

教你在vscode上用gcc征服debug过程中遇到的各种疑难杂症!

[复制链接]
gaosmile 发布时间:2020-11-15 20:19
1. PC上的IDE
都2020年了,听说你还在用vc++ 6.0,不,可能还到处搜索下载安装巨无霸一样的visual studio 2019来调试你“鸡碎咁多”的代码?都out了,这些不是过于庞大就是编译器老掉牙了。
为啥不用gcc呢?
gcc不是Linux里面的吗,能用在Windows?还能debug吗?
什么?你不知道Windows也可以用gcc?
好吧,我今天手把手教你用gcc,并且教你在vscode上用gcc征服debug过程中遇到的各种疑难杂症!
2. 安装MinGW
MinGW是什么东西,怎么安装?这里就不详述了,随便百度出来一堆。
不用管那么多,你知道它里面有个gcc就够了。至于安装,简单地说,可以从MinGW官方网站https://osdn.net/projects/mingw/releases/下载一个installer,直接默认安装,然后在类似以下界面选择要安装的包,例如GCC、GDB等。
微信图片_20201115201533.png
更多的问题,其实是,国内的网络访问很慢。
如果不嫌弃,可以点击以下链接下载,直接解压到你喜欢的位置(免安装),然后配置环境变量即可。
提取码:gmp
然后呢,你就可以像在Linux里面那样愉快地玩耍了,当然,如果你是高手,你可以用命令行gdb来debug。
3. 在VSCode上debug

$ M( ~' I. d; V; I7 f. [7 E
VSCode用过吧,也许是当下最流行的看代码神器之一了,关键是里面的插件用起来爽。那么,VSCode可以调试C代码吗?答案是必须的。
首先,你需要安装两个插件:C/C++、Code Runner

+ |0 T+ _* p! Z, q* F9 p
微信图片_20201115201537.png
微信图片_20201115201541.png
然后,我这里用一个这个公众号(嵌入式软件实战派)之前发的一个X-MACRO的例子代码(单个C文件)来做实验。
在下面的代码上面戳一个断点(行号左边那个红点),像这样:
微信图片_20201115201544.png
接着,在菜单Run上面选择点击Start Debugging……
; J8 I  t* l1 i
微信图片_20201115201547.png
继续,点击C++(GDB/LLDB)( C7 m' H. [: P, f" U; p- a
微信图片_20201115201551.png
还有,点下图这个gcc.exe
+ {8 u! E* e, B6 H+ K: C) B# Y
微信图片_20201115201555.png
呃呃
微信图片_20201115201558.png
Wait,莫慌!这是我的电脑的问题,你的不一定有,我的电脑没装好.Net Framework。如果你的也是,戳这个错误提示框的“是”,跟着提示安装.Net即可。
) K1 e6 ^  N& N; ]1 i8 [- A
其实,到这里,如果你能仿真,那就是成功了。
如果不行,看看这个,经过上面的操作,会生成以下配置文件:
微信图片_20201115201603.png
"tasks": [
4 `: n/ F4 g1 R9 J. z: J; f        {4 o" G+ |8 `) l
             "type": "shell",# h- U+ S# F7 [/ p5 Z$ y
             "label": "C/C++: gcc.exe build active file",
6 K# E; z+ D% N' H* B( v             "command": "D:\\MinGW\\bin\\gcc.exe",
  |4 O  J8 U% L6 O  d# Y  j  g             "args": [
# k. T( B, M9 U4 m                 "-g",
7 \1 A8 \9 ]: {! Q6 k                 "${file}",( r9 P  t8 f8 K+ h+ f: V5 f# B3 i
                 "-o",
! S8 p+ o- i" k                 "${fileDirname}\\${fileBasenameNoExtension}.exe"
* f! Z( f9 s* D7 a9 R6 v: h            ],2 M+ v) v+ j* D9 ]2 |

0 Z3 f% I% e, a0 J- {+ W
以上这个“command”要配置成你的gcc路径。还有下面配置的这个“miDebuggerPath”是gdb的路径:
  "version": "0.2.0",
, k, {7 d6 _0 X$ H  D, u     "configurations": [
' M) d. e- x3 A! i% w  F9 _# U        {
7 M/ d9 L+ U3 y2 K7 `             "name": "gcc.exe - 生成和调试活动文件",  W& k9 K& n  I, c
             "type": "cppdbg",9 H' q; V/ J8 z( P- O$ X! j
             "request": "launch",
  d, M$ G, d# c             "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",/ N7 i2 E6 I, K* C# r( ~
             "args": [],
! ~1 S: f, B/ l( w             "stopAtEntry": false,9 n! ], E) l. H) @, J* {8 [
             "cwd": "${workspaceFolder}",
# i- ]8 m% Q- ~+ s0 z$ I' s: R             "environment": [],
5 X. j8 g5 Z$ H5 h3 }( B             "externalConsole": false,
- i3 |) V/ ^, T8 i( O, Z( T             "MIMode": "gdb",
' B3 U1 k9 V/ i  L% ^2 U             "miDebuggerPath": "D:\\MinGW\\bin\\gdb.exe",
8 w! f0 I4 a+ F2 ]  j* n
最后,如果成功了,就会像下面截图这样,左边的断点变成了一个黄色小图标:
微信图片_20201115201606.png
这时,你就可以点击这些小箭头玩耍了,这是不是曾经熟悉的感觉?/ @% t! e: e% j' W
微信图片_20201115201610.png
同时,你还可以通过下面这个窗口看debug信息:# v# Z% O6 s' k# w1 s1 d
微信图片_20201115201612.png
还有output信息:, c: p. i0 n: @7 n
微信图片_20201115201615.png
4. VSCode多文件debug
单个文件可以按上面的方法,但是,如果有多个C文件呢?这里折腾了我两个钟,现在我用两分钟教你少走弯路,我也把我遇到的“坑”标在这,你不要踩哦。
按以上提到的套路,直接点击debug,然后……
微信图片_20201115201620.png
呃(⊙o⊙)…看看错误信息:
! z% [* X0 y; _  \- a
> Executing task: & 'D:\Program Files\MinGW\bin\gcc.exe' -g'd:\vsdebug\main.c' -o 'd:\vsdebug\main.exe' <
; [' a/ Y) j5 M7 a3 n* I 9 z7 S6 C5 k) |( o7 x
C:\Users\xxx\AppData\Local\Temp\ccWm0Di0.o: In function `main':
; N2 k$ d. {- K% @# @6 } d:/vsdebug/main.c:7: undefined reference to `func_a'
$ m- n& {) m/ E. \" v$ y/ w. K3 ` d:/vsdebug/main.c:8: undefined reference to `func_b'2 U( r& a- L: |
collect2.exe: error: ld returned 1 exit status
(Note:这个例子是在另一个计算机上测试的,所以MinGW路径跟上面的不一样,请忽略这个细小差别。)
这错误信息它说没找到func_a和func_b,实际上,因为它类似地执行了:
gcc -e main.c -o main.exe
没有func_a.c和func_b.c两文件,当然,它也不知道有这两文件。我们来看看配置文件task.json
  "tasks": [+ J% \: r2 {" N) y# |
        {9 |" u1 y; f2 ~. h! b+ z0 c
             "type": "shell",
" c) {3 B( A/ ]9 W) s' N' C             "label": "C/C++: gcc.exe build active file"," Q: F/ R2 l7 O- }1 _
             "command": "D:\\Program Files\\MinGW\\bin\\gcc.exe",9 R4 S! H8 g1 Z3 S
             "args": [, T  e! _0 K& }3 |7 D
                 "-g",2 e" P$ l  Z, H: B
                 "${file}",# H' `" ~" P$ s) t, F2 c0 K. \
                 "-o",. h7 {+ ^! K# |
                 "${fileDirname}\\${fileBasenameNoExtension}.exe"; J9 G3 l$ a8 ~7 n! O7 ~1 d
            ],
这里的args里面的东西是不是像gcc里面的命令参数?Bingo!
这个"${file}就是当前文件名,即你在vscode界面上看到的这个文件,然后你在其基础上点击了debug操作,它就识别到你想对它进行debug。但是它不知道你需要另外两个文件。于是,我们干脆手动添加所有需要编译的文件:
  "tasks": [9 d, ^' b) d1 L- j5 @, ?
        {1 W7 z% u; @4 Y! `
             "type": "shell",$ ?9 i3 C- {% y' T$ ^* x
             "label": "C/C++: gcc.exe build active file",
7 N0 t4 |8 Q/ u) E/ o- u+ e' r3 L             "command": "D:\\Program Files\\MinGW\\bin\\gcc.exe",% R- \8 E. W5 N, v- t+ f* ]
             "args": [" e6 b, M/ \/ V+ j: ?
                 "-g",& T- w* K7 Q; Y! }- ^2 H" L$ j
                 "${file}"," J$ y' R2 L% a* o0 L7 U
                 "${fileDirname}\\main.c",( D! I, ~3 b( }8 P
                 "${fileDirname}\\func_a.c",4 p2 W4 ^: b, O% R: b0 Z7 Q. B/ K4 y
                 "${fileDirname}\\func_b.c",: {: Q0 w6 q1 G3 M' T0 L/ E1 w
                 "-o",
0 |1 I0 C$ }& a% s9 ?! p" l5 t                 "${fileDirname}\\${fileBasenameNoExtension}.exe"; T# \1 A# |9 R. s& Q# @
            ],
再来一发:
微信图片_20201115201623.png
> 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' <
. @* `" Y) g& `& U
9 a1 s/ R; q4 {# X: L! S& l) P* X C:\Users\xxx\AppData\Local\Temp\cc7Xdo6N.o: In function `main':
4 P# J! C4 \. T3 A- q6 y" w d:/vsdebug/main.c:6: multiple definition of `main'
  r* y+ x' c9 R; x5 L
这两个函数对应的文件有了,但还是错了……你main的,重复了。想来想去,应该是这里重复了:
"${file}",
( i# ^- C: ?' P5 [! E6 A "${fileDirname}\\main.c",
那就删掉一个,再来
微信图片_20201115201627.png
呃呃……没完没了了。看错误信息:$ L8 N9 I$ g" q+ _$ T! `: I
gcc.exe: error: d:\vsdebug\.vscode\main.c: No such file or directory
/ c* N1 r1 Y) v: Z  R4 o' s' f$ [ gcc.exe: error: d:\vsdebug\.vscode\func_a.c: No such file or directory/ A; Q5 I  ]8 `; i  K
gcc.exe: error: d:\vsdebug\.vscode\func_b.c: No such file or directory, b/ p' y: v) c: \
gcc.exe: fatal error: no input files
怎么多了一个“.vscode”?路径不对……噢,原来我是在task.json页面上点击的debug。
换一个页面再来:
微信图片_20201115201631.png
丫丫的,终于可以玩耍了。
好了,如果你想系统地了解这些配置参数是啥子意思,那就戳这里:https://code.visualstudio.com/do ... unch-configurations
另外,左边的这几个视图分别可以查看当前局部变量、全局变量,函数调用关系等(跟其他IDE类似):
微信图片_20201115201635.png
总结一下,遇到错误,别慌,看错误信息,很重要。
对于轻量级的仿真调试,以上VSCode的方法是非常好的,没必要安装庞大的Visual Studio 2019,gcc搞定所有。
看完,是不是觉得我很有锲而不舍(一定要搞定它的强迫症)的精神呢?
9 Z$ j! _) U/ s( @' I' P
收藏 评论0 发布时间:2020-11-15 20:19

举报

0个回答

所属标签

关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
STM32N6 AI生态系统
STM32MCU,MPU高性能GUI
ST ACEPACK电源模块
意法半导体生物传感器
STM32Cube扩展软件包
关注我们
st-img 微信公众号
st-img 手机版