Ubuntu18.04下安装VCode并配置C/C++调试环境

素颜马尾好姑娘i 2022-12-19 11:49 165阅读 0赞

### Ubuntu18.04下安装VCode并配置C/C++调试环境 ###

*  一、 Visual Studio Code的安装
 *   *  1.打开软件应用商店
     *  2.下载并安装Vcode
     *  3.软件汉化
 *  二、 配置软件环境
 *   *  1. 首先安装vscode的C\\C++插件
     *  2.重启软件
 *  三、 调试软件
 *   *  1.新建工作目录
     *  2. 调试
     *  3. 添加工作环境
     *  4. 编译成功
     *  5. 保存并关闭
 *  四、 总结
 *  五、 参考资料

# 一、 Visual Studio Code的安装 #

## 1.打开软件应用商店 ##

打开软件按应用商店进行搜索Visual Studio Code  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 1]

## 2.下载并安装Vcode ##

直接在软件应用商店进行安装  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 2]  
由于我之前已经安装过了，所以这里显示的是启动。

> 软件应用商店一般安装软件是自动就配置了依赖库等，但是太依赖于Ubuntu桌面版，在其他Linux系统下并不通用，所以推荐大家熟悉一下命令行安装。[在ubuntu18.04版本安装vscode][ubuntu18.04_vscode]

> **注意：无论是安装还是新建的工作目录都不能还有中文路径，不然最后编译就会报错。**

## 3.软件汉化 ##

Visual Sudio Code 是一款功能强大，且是许多国家的软件代码工程师的标配，所以各个国家的语言适配能力还是很强大的。  
①首先启动Visual Studio Code  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 3]  
可以看出首次打开的Visual Studio Code是英文界面  
②按下快捷键’Ctrl+p’ 打开搜索框  
搜素`Configure Language`并打开Configure Display Language  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 4]  
③安装中文简体语言包  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 6]  
④重启软件  
![在这里插入图片描述][20201107102816515.png_pic_center]  
这里就汉化完成了哦~

# 二、 配置软件环境 #

## 1. 首先安装vscode的C\\C++插件 ##

按`ctrl+p`调出命令行并搜索`ext install cpptools`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 7]  
这里下载安装时长取决于网速，但一般就是2-3分钟。

## 2.重启软件 ##

> 提醒：Visual Studio Code 是有很多扩展包的，大家可以自己自行下载需要的扩展包。比如：Code Runner，就是可直接运行C/C++代码的扩展包。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 8]

# 三、 调试软件 #

## 1.新建工作目录 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 9]  
这里可以自己添加文件夹，然后点击保存就好了。

> **注意：文件名请不要有中文名**，尽量取英文且可辨识的文件名，例：Vscode-test

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 10]  
test.c代码如下：

#include <stdio.h>
    void ShowRevertNum(int iNum)
    {
        
         while (iNum > 10)
         {
        
            printf("%d", iNum % 10);
            iNum = iNum / 10;
         }
         printf("%d\n", iNum);
    }
    int main(void)
    {
        
         int iNum;
         printf("Please input a number :");
         scanf("%d", &iNum);
         printf("After revert : ");
         ShowRevertNum(iNum);
    }

> 该代码实现的是将输入的整数进行逆序输入，这里也可以编写经典的`Hello World`C语言程序，由读者自行编写。

## 2. 调试 ##

按下F5进行运行代码，也可以以下操作进行运行。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 11]  
以上任意一个都可以进行运行代码。

## 3. 添加工作环境 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 12]

## 4. 编译成功 ##

![在这里插入图片描述][20201107193649669.png_pic_center]  
至此整个Visual Sudio Code的安装与调试环境就成功了，如果大家在配置环境中遇到什么问题，请一定冷静下来，多在网上搜索解决方案，不要灰心，慢慢配置就会成功的。

## 5. 保存并关闭 ##

调试成功时，Visual Studio Code 是不会自动生存可执行文件的，只是可视化了调试功能，检查了代码的语句正确性，所以大家调试完一定要记得保存生成可执行文件。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 13]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 14]

> **同时该软件也支持窗口下调试程序**，**只需将 launch.json中的externalConsole属性改为true即可**。

其中该软件也可向gdb一样进行断点调试，但由于时间有限，博主就不在这里说明了，大家可以查阅一些资料进行了解。但大概调试和gdb原理一样，只不过将代码调试进行了可视化处理，提高了工作效率。

# 四、 总结 #

在此次学习中，使用软件商店安装软件，可以自动安装依赖库，方便了许多初学者，但此类方法只可以在Linux图形界面进行操作，在其他命令行界面并没有取巧之处，所以请大家在方便之余在命令行界面多探索探索，以来习惯命令行界面，并逐步提高自己对Linux的理解和运用。在配置C代码环境时也遇到和很多问题，谢谢同学、老师以及各博客的帮助。  
Visual Sudio Code和GDB一样都可以进行代码调试，但进行了可视化处理，可以方便的利用鼠标和快捷键进行快速、高效的调试代码，且Visual Sudio Code不仅可以调试C/C++语言，还可以编辑代码，因此强烈推荐大家学习学习Visual Sudio Code。

# 五、 参考资料 #

1.[在ubuntu18.04版本安装vscode][ubuntu18.04_vscode]  
2.[在ubuntu中用vscode编译调试C\\C++][ubuntu_vscode_C_C]  
3.[Ubuntu下VSCode调试环境搭建指南-C语言篇][Ubuntu_VSCode_-C]  
4.[ubuntu18.04 配置Visual Studio Code C++][ubuntu18.04 _Visual Studio Code C]

写在最后：  
此博客完全作为学习经验分享，如有侵权，请联系博主，谢谢大家阅读。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/3b407a0dbf3d4e23a71e200209e54097.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/bdfa1e8affae45d3bfd3b17bffcbc596.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221120/1c20411c0b6f4913b92668b0ed421969.png
[ubuntu18.04_vscode]: https://www.cnblogs.com/lwp-king666/p/10513382.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221120/05264657f4db49b88afcea2735741c56.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221120/234a0aa2e01749ef8b8254ebbd42f120.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221120/a2f5bcddbe554d29a93ebb09f351196b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221120/9b21584b9d724d81adb49895ff6d8f40.png
[20201107102816515.png_pic_center]: /images/20221120/0ba2a54dd5ca471a8b8bfe1029c0a685.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221120/1a212661881445e599c8adc38b59a5cd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221120/0e59ce9fba324ad9a121e730b143d9f7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221120/2d1637883aac40869b80cf46019f7eea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221120/8d2967ec093d495e84a050406c0a9d43.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221120/680215f428a34b23b1ab2e252f4ffdbf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221120/0eda6354a1d94de3ac5526e7c1e1a795.png
[20201107193649669.png_pic_center]: /images/20221120/7a7a1e848da14a6e977d21eb35286a60.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221120/e004d4701acb4445a2d81b20dcfefab4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1MjY0ODA4_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221120/0a71fee74c37497eaf63099cc33a811d.png
[ubuntu_vscode_C_C]: https://blog.csdn.net/q932104843/article/details/51924900
[Ubuntu_VSCode_-C]: https://www.cnblogs.com/maxiaowei0216/p/12616087.html
[ubuntu18.04 _Visual Studio Code C]: https://blog.csdn.net/u011932817/article/details/80391624