作者: 赵晓伟 | 来源:互联网 | 2023-06-13 15:16
在unbantu下vscode的安装,以及c++环境的配置详细教程,以及可视化的代码跟踪调试
可视化的代码跟踪调试
- 一.前言
- 二.工具简介
- 三.工具安装
- 2) 安装:dpkg -i 安装包
- 3)安装成功后,执行code命令打开vscode界面
- 4)如果出错
- 四.关于在ubuntu中用vscode编译调试C\C++
- 1.基于插件的快速搭建
- 1)安装vscode的C\C++和汉化插件。
- 2)编写编写hellow.cpp测试
- 3)我们使用第二个扩展工具直接运行,我们可以直接运行
- 2.方法二:传统的快速搭建使用(扩展工具一)
- 1)从头开始
- 2)尝试编译,配置
- 五.程序调试
- 1)设置调试程序
- 2)设置断点
- 2)开始调试
- 六.总结
一.前言
“人靠衣装马靠鞍,狗配铃铛跑的欢”。在前次作业中命令行工具gdb调试基础上,练习利用各种可视化调试前端软件(后端依然依赖gcc、gdb)进行程序代码的跟踪查错,提供工作效率。
工具:基于跨平台多类型代码编辑器VScode。
二.工具简介
VSCode 简介:
VSCode 全称 Visual Studio Code,是微软出的一款轻量级代码编辑器,免费、开源而且功能强大。它支持几乎所有主流的程序语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。 对于它来说,写MarkDown 简直是小菜一碟。你可能就会问了,我有那么多专门写 MarkDown 的软件可以选择,就像博主在 MarkDown编辑器推荐写的那样,在线的,本地的,手机端的,电脑端的,数不甚数,干嘛要找一个写代码的编辑器做这个事呢。因为博主在布一个局,博主我不仅想给你们介绍 MarkDown 这门特别简单的标记语言,博主我还想介绍更多东西,比如 R、LaTex、Python、AutoHotKey 等等等等你们学了会受益一辈子的东西。而每开一个新的系列就要介绍好用的编辑器,这么多系列,实在是太不高效了,不符合我建网站的初衷,你们也不喜欢每学一门新的东西就换一个软件学习吧,所以不如来一个“N合一”。“N合一”的软件很多很多,比如 VIm、Emacs、Atom 等等,而 VSCode 就是其中我比较推荐你们现阶段学习的软件。 为什么呢?除了上一节 VSCode 简介介绍的优点外,我选择它的其它原因是漂亮(博主是个颜控),打开大文件启动快。下面是博主的 VSCode Linux 版的截图
三.工具安装
方法一:图形安装(这里不详细讲)可参考:链接: https://www.cnblogs.com/lwp-king666/p/10513382.html.
方法二:命令安装:如下
#### 1)直接在unbantu的firxbox浏览器下载
.从vscode官网下载最新版本,deb包下载地址:链接: https://code.visualstudio.com/docs?dv=linux64.

2) 安装:dpkg -i 安装包
要注意安装包的位置
sudo dpkg -i code_1.50.1-1602600906_amd64.deb

3)安装成功后,执行code命令打开vscode界面

安装完成
4)如果出错
重新sudo dpkg -i 安装包重新安装
四.关于在ubuntu中用vscode编译调试C\C++
1.基于插件的快速搭建
前提:你linux下得有gcc/g++编译程序和gdb调试程序
输入gcc -v ,g++ -v 检查gcc/g++环境,输入gdb -v 检查gdb环境
没有的话分别使用
sudo apt-get install gcc sudo apt-get install g++
和
sudo apt-get install gdb
1)安装vscode的C\C++和汉化插件。
我们直接在左侧菜单打开那个扩展商店,直接搜索,输入c++然后回车,会出现以下几个工具,我们安装以下两个



同样的我们直接在左侧菜单打开那个扩展商店,直接搜索Chinese然后回车,会出现以下几个工具,我们安装中文简体,按照提示重启vscode就ok

2)编写编写hellow.cpp测试
在这之前我们应该在home下创建一个工作文件夹,名字自己取,然后在vscode中打开这个文件夹,然后我们直接在vscode下新建一个hellow.cpp测试文件
调试代码:
#include
using namespace std;
int main(){cout<<"hello world!"<<endl;cout<<"nisha ";return 0;
}

3&#xff09;我们使用第二个扩展工具直接运行&#xff0c;我们可以直接运行
按F6运行

2.方法二&#xff1a;传统的快速搭建使用&#xff08;扩展工具一&#xff09;
传统的方法就是要配置了&#xff0c;这里为了快速&#xff0c;只需要配置两个文件&#xff0c;launch.json和task.json&#xff0c;分别告诉vscode从哪里运行c&#43;&#43;程序和具体怎么生成并运行该程序
1&#xff09;从头开始
从零开始&#xff0c;首先这里只有一个源cpp文件&#xff0c;其他啥都没有

2&#xff09;尝试编译&#xff0c;配置
我们假装试着按F5运行一下&#xff0c;发现vscode提示我们选择调试程序&#xff0c;我们这里选择gdb&#xff08;我们发现并没有运行&#xff09;

选择g&#43;&#43;生成和调试活动文件

这时系统会自动生成一个配置文件&#xff0c;你再回cpp文件&#xff0c;F5就可运行

五.程序调试
1&#xff09;设置调试程序
hello.cpp&#xff0c;这个是我创建的另外一个文件&#xff0c;假如我们刚开始已经调试了一个程序&#xff0c;我们必须要删除之前的.json文件&#xff0c;然后按照之前的调试步骤重新添加
#include
using namespace std;
void ShowRevertNum(int iNum)
{while (iNum > 10){iNum &#61; iNum / 10;}cout<<iNum;
}
int main(void)
{int iNum;cout<<"Please input a number :";cin>>iNum;cout<<"After revert : ";ShowRevertNum(iNum);
}
2&#xff09;设置断点
在行序的前面用鼠标点击即可添加或删除断点

2&#xff09;开始调试
按F5调试&#xff0c;选择顶上第三个&#xff0c;单步运行

输入iNum的数值

继续运行&#xff0c;在调试控制台查看变量的数值

六.总结
这里博主给大家介绍了&#xff0c;关于Linux环境下&#xff0c;对vscode的安装&#xff0c;以及为大家展示了关于vscode里配置C&#43;&#43;的的过程&#xff0c;以及简单的GDB调试&#xff0c;这里博主要安利这个简单易用的软件&#xff0c;真的太给力了。