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

教你在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
/ W1 x  z& q" l& x/ o  W' ?! U
VSCode用过吧,也许是当下最流行的看代码神器之一了,关键是里面的插件用起来爽。那么,VSCode可以调试C代码吗?答案是必须的。
首先,你需要安装两个插件:C/C++、Code Runner
( {8 ^4 L0 O. a  F# `
微信图片_20201115201537.png
微信图片_20201115201541.png
然后,我这里用一个这个公众号(嵌入式软件实战派)之前发的一个X-MACRO的例子代码(单个C文件)来做实验。
在下面的代码上面戳一个断点(行号左边那个红点),像这样:
微信图片_20201115201544.png
接着,在菜单Run上面选择点击Start Debugging……
! }( |* }1 v5 F: r) \
微信图片_20201115201547.png
继续,点击C++(GDB/LLDB)
; q! p3 O5 l1 E/ F8 Z- V
微信图片_20201115201551.png
还有,点下图这个gcc.exe4 R6 Q3 W' A, [/ u: h
微信图片_20201115201555.png
呃呃
微信图片_20201115201558.png
Wait,莫慌!这是我的电脑的问题,你的不一定有,我的电脑没装好.Net Framework。如果你的也是,戳这个错误提示框的“是”,跟着提示安装.Net即可。
. r* {0 c7 \9 r4 C# ~$ c( j
其实,到这里,如果你能仿真,那就是成功了。
如果不行,看看这个,经过上面的操作,会生成以下配置文件:
微信图片_20201115201603.png
"tasks": [
/ C0 y3 a, A, ]1 ^        {
; b* k6 d3 i' M1 j0 b             "type": "shell",3 w' f* d; I7 H, [
             "label": "C/C++: gcc.exe build active file",( Y+ r1 O3 V  q( t' ]
             "command": "D:\\MinGW\\bin\\gcc.exe",
5 R% }& V, e; b+ G1 h2 e  h1 @             "args": [) L$ Q, }2 c1 M* G
                 "-g",
# g% p3 I1 e+ n+ p' ]! c                 "${file}",
+ ]0 G" I, x- W) |: E                 "-o",
0 a/ N& ]) p8 l' P* D) D                 "${fileDirname}\\${fileBasenameNoExtension}.exe"
, j4 x9 ?. z8 F1 Y            ],: v* Y- }! q7 b( X- `

  u& n' \: M+ N2 ?5 ]: t
以上这个“command”要配置成你的gcc路径。还有下面配置的这个“miDebuggerPath”是gdb的路径:
  "version": "0.2.0",
( L  O: ~( r9 }3 [     "configurations": [, l5 Y6 t: _: J5 |
        {1 @5 o% p+ Y. {+ H7 q: H, ~( y
             "name": "gcc.exe - 生成和调试活动文件",) l# v; @4 n( X+ n3 _
             "type": "cppdbg",
9 S! z; k* F# B% J# X& G             "request": "launch",/ q. R$ x5 s, Z0 Y8 A. S
             "program": "${fileDirname}\\${fileBasenameNoExtension}.exe",2 z8 e4 N6 Z8 t% ^1 B7 q" S0 @* w+ o
             "args": [],
4 \0 X9 @. j. E* I             "stopAtEntry": false,
/ G1 R$ d. X+ C  _             "cwd": "${workspaceFolder}",
8 G4 b' V! I( Y# X+ h( ?) O             "environment": [],
# K- B7 j% Z: Y; H5 j  R6 \6 U             "externalConsole": false,
4 p( h  L7 }1 g: }0 \& A* D  N' @             "MIMode": "gdb",1 c% ]( }) y# K
             "miDebuggerPath": "D:\\MinGW\\bin\\gdb.exe",
: \1 m+ f6 ^  @; I( W8 d. N7 G
最后,如果成功了,就会像下面截图这样,左边的断点变成了一个黄色小图标:
微信图片_20201115201606.png
这时,你就可以点击这些小箭头玩耍了,这是不是曾经熟悉的感觉?. I, @4 n" [  I1 Q
微信图片_20201115201610.png
同时,你还可以通过下面这个窗口看debug信息:
  k& O8 H9 D4 v5 ?3 V
微信图片_20201115201612.png
还有output信息:  @" N! ]5 N: H, S6 {
微信图片_20201115201615.png
4. VSCode多文件debug
单个文件可以按上面的方法,但是,如果有多个C文件呢?这里折腾了我两个钟,现在我用两分钟教你少走弯路,我也把我遇到的“坑”标在这,你不要踩哦。
按以上提到的套路,直接点击debug,然后……
微信图片_20201115201620.png
呃(⊙o⊙)…看看错误信息:
. |+ ?1 c9 {1 D  k8 X5 r+ V. W) x
> Executing task: & 'D:\Program Files\MinGW\bin\gcc.exe' -g'd:\vsdebug\main.c' -o 'd:\vsdebug\main.exe' <# g" r& G- G2 c$ _
% R, P8 b. N/ @  S/ r9 b0 a
C:\Users\xxx\AppData\Local\Temp\ccWm0Di0.o: In function `main':" {( @3 y& m9 V% j) \
d:/vsdebug/main.c:7: undefined reference to `func_a'
/ P5 {9 R2 R- w2 g d:/vsdebug/main.c:8: undefined reference to `func_b'8 F6 }0 Q$ ^/ U
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": [
% G. F. F6 l- c- ~        {- T. R7 u& y3 }( R, e6 C
             "type": "shell",4 g) w: u& e+ s- C$ h+ F& B
             "label": "C/C++: gcc.exe build active file",2 k6 G& b, e6 c6 [4 q
             "command": "D:\\Program Files\\MinGW\\bin\\gcc.exe",
8 f0 ]: S1 D4 R; X7 T; g+ U             "args": [& K  T9 c& `+ x
                 "-g",
) X2 Y" s- G* z" s, s1 {2 M" {/ u, x                 "${file}",! y) g- f: h* x7 `- a; u
                 "-o",
/ ^, Q  j. {/ ], B& g% j# s                 "${fileDirname}\\${fileBasenameNoExtension}.exe"
- b9 |+ U; x# t+ [6 O9 R            ],
这里的args里面的东西是不是像gcc里面的命令参数?Bingo!
这个"${file}就是当前文件名,即你在vscode界面上看到的这个文件,然后你在其基础上点击了debug操作,它就识别到你想对它进行debug。但是它不知道你需要另外两个文件。于是,我们干脆手动添加所有需要编译的文件:
  "tasks": [  i+ ?0 }" w  p' ]4 `& x% I
        {
, j6 p7 Q$ n+ F2 n1 k             "type": "shell",
) |% A& h6 Y' N8 {! Z7 O             "label": "C/C++: gcc.exe build active file",$ {. O' E4 {- X( V
             "command": "D:\\Program Files\\MinGW\\bin\\gcc.exe",
; u! G- Y% R4 v3 d             "args": [
1 a# X! e3 a8 ^9 n& z& Z6 z                 "-g",
2 w* ~, P# s, m% S+ H9 d                 "${file}",
5 q+ @& O$ P+ l4 r$ q. f                 "${fileDirname}\\main.c",
( x/ t$ n; J2 }- j* M: Y. v                 "${fileDirname}\\func_a.c",0 F5 X$ Q( X1 H" S8 O; \! I* G
                 "${fileDirname}\\func_b.c",2 J  r3 l  Y0 R
                 "-o",0 I) X: j/ A( J+ d9 @9 \/ k0 ^
                 "${fileDirname}\\${fileBasenameNoExtension}.exe"
7 y* L9 H7 h( v. F! @            ],
再来一发:
微信图片_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' <" u, G$ n1 s( O- f; }' L. l
3 K) ], {, L* D2 C3 w
C:\Users\xxx\AppData\Local\Temp\cc7Xdo6N.o: In function `main':3 A# c! A- [: Y
d:/vsdebug/main.c:6: multiple definition of `main'% H! K7 n! b9 n3 X' K
这两个函数对应的文件有了,但还是错了……你main的,重复了。想来想去,应该是这里重复了:
"${file}",
1 C" o: \; k2 B2 s2 N "${fileDirname}\\main.c",
那就删掉一个,再来
微信图片_20201115201627.png
呃呃……没完没了了。看错误信息:' x( Z! X* _. J( s& r1 S
gcc.exe: error: d:\vsdebug\.vscode\main.c: No such file or directory
% M4 X! ?3 H' y4 e+ {" z gcc.exe: error: d:\vsdebug\.vscode\func_a.c: No such file or directory0 Y- n) @/ `- J# |; v
gcc.exe: error: d:\vsdebug\.vscode\func_b.c: No such file or directory
$ J3 k2 y- d+ x3 w 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搞定所有。
看完,是不是觉得我很有锲而不舍(一定要搞定它的强迫症)的精神呢?

" P9 D* Z/ P/ w) s2 r) h  f* t/ I
赞 收藏 评论0 发布时间:2020-11-15 20:19

举报

0个回答
关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
人形机器人运动控制、感知与智能配电
半导体创新技术与应用方向
EE架构与软件定义汽车
12V/48V 汽车智能配电(SPD)
区域控制单元(ZCU)与分区架构
关注我们
st-img 微信公众号
st-img 手机版