VScode中搭建标准C/C++运行环境

正点原子运营

以下文章摘自微信公众号——开源电子网《VScode中搭建标准C/C++运行环境》
更多技术文章，请扫下方二维码关注






前言 VScode介绍

   Visual Studio Code(简称“VSCode” )是Microsoft在2015年4月30日Build开发者大会上正式宣布一个源代码编辑器。它不仅可以在Windows，macOS和Linux。同时具有丰富的编程语言(例如C++，C#，Java，Python，PHP，Go)和运行时(例如.NET和Unity)扩展的生态系统。如下图是Vscode的代码编辑界面，可以看得出来，代码编辑界面也是十分美观啊!

   我们再对比一下VC6.0，这款编译器是大多数伙伴在学习C语言/C++时用到的一款编译器(近些年学习C语言/C++的伙伴估计大多是使用VS2015这款编译器)，下面就看一下VC6.0编写C语言的界面，如下图所示，界面很一般，而且也没有智能补全、动态检查等功能。

   所以，是不是该考虑换一种编译环境进行学习了?!那么本文就实现一下在VScode这个编译环境下实现类似VC6.0这种编译、运行、调试环境!文本以C语言为例，但是我同时提供了C语言和C++的示范源码。

第一节 准备材料
   需要准备VScode软件、MinGW64编译器。为了方便大家获取，我将VScode软件、MinGW64编译器、示范源码一起放在一个文件夹，提供给大家使用。下载的方式如下：
   Git仓库：https://gitee.com/xiaowen_git/VScode


第二节 VScode和MinGW64安装教程
   先安装一下VScode，你可以官网下载，也可以下载并解压我的VScode软件，你会发现只有一个.exe的可执行文件，其实安装过程并不难，注意一下安装路径不要有中文就好了，然后无脑下一步就完事了!如果还是安装不成功，可以参考正点原子推出的《【正点原子】I.MX6U嵌入式Linux驱动开发指南》的第4.5小节。
   MinG64是一款编译器，初学的小伙伴可能会问了—要这个编译器干什么?VC6.0好像不用设置编译器啊。答案是VC6.0自带了编译器，而VScode没有自带编译器，它是靠着强大的插件和跨平台特性得以发展流行。对于设置该款编译器，我们只需要把MinG64的bin目录设置为全局变量就行了。我解压后bin文件的路径为”D:\mingw64\bin”。将该文件目录添加为全局变量的设置如下：
1，使用快捷键win+S或者win+Q打开搜索栏，然后搜索“查看高级系统设置”，点击进入“查看高级系统设置”。

2，点击环境变量

3，选择“path”，点击相应的编辑按钮。

4，点击新建，输入解压后bin文件的路径，我的为”D:\mingw64\bin”，最后点击确认，之后返回的界面一直点击确认就好了

5， 现在已经安装好MinG64，那么就来验证一下是否安装成功!使用快捷键win+S或者win+Q打开搜索栏，然后搜索“命令提示符”，点击进入。

6，输入“gcc-v”查看gcc编译器是否设置成功，设置成功后，命令会提示当前安装的gcc编译器版本。如下图所示。


第三节 VScode环境搭建

1、 进入VScode中，安装插件，需要安装的插件类型如下，安装插件方法如图所示。
1)、C/C++，这个肯定是必须的。
2)、C/C++Snippets，即C/C++重用代码块。
3)、C/C++Advanced Lint,即C/C++静态检测。
4)、CodeRunner，即代码运行，这是快捷方式，。
5)、IncludeAutoComplete，即自动头文件包含。
6)、RainbowBrackets，彩虹花括号，有助于阅读代码。
7)、OneDark Pro，VSCode的主题。
8)、GBKtoUTF8，将GBK转换为UTF8。
9)、Chinese(Simplified)，即中文环境，重新启动会便可以设置成功。
10)、TabNine，一款AI自动补全插件，强烈推荐，谁用谁知道!

2、 创建一个空文件夹，把文件夹拖到VScode打开。

3、 创建C语言源文件，如图所示。

4、 在C语言源文件中写一个”hello,word!”,如图我写了一个，我们会发现文件界面会出现一个白点，这个白点表示文件没有保存，文件一定要保存再进行编译运行，否则编译运行的文件是没保存之前的，保存后文件右侧的白点将会消失。

5、点击菜单栏的运行，再点击启动调试。

6、编译环境选择“GDB/LLDB”。

7、配置选择gcc.exe(如果是C++就选择g++编译器!)

8、会自动弹到调试界面，如没有弹出重复第5步或者手动进入调试界面。进入调试界面后，我们在调试界面点击图示的小齿轮。

9、修改文件名“launch.json”的内容，在文本的指定部分添加下图红色的那一段(如是编译C++文件，下面文本编译阶段的"preLaunchTask"属性需要更改为"C/C++:g++.exe 生成活动文件")，C语言的脚本文件参考下图。

这段表示调用CMD命令行进行创建编译和运行按钮(编译C++文件的源码参考笔者的例程)，C语言的文本内容如下：

1. {
   
2. 
   
3.             "name": "编译",
   
4. 
   
5.             "type": "cppvsdbg",
   
6. 
   
7.             "request": "launch",
   
8. 
   
9.             "program": "cmd",
   
10. 
    
11.             "args": [
    
12. 
    
13.                 "/C"
    
14. 
    
15.             ],            "stopAtEntry": false,
    
16. 
    
17.             "cwd": "${fileDirname}",
    
18. 
    
19.             "environment": [],
    
20. 
    
21.             "externalConsole": false,
    
22. 
    
23.             "internalConsoleOptions": "neverOpen",
    
24. 
    
25.             "preLaunchTask": "C/C++: gcc.exe 生成活动文件"
    
26. 
    
27.         },
    
28. 
    
29.         {
    
30. 
    
31.             "name": "执行",
    
32. 
    
33.             "type": "cppvsdbg",
    
34. 
    
35.             "request": "launch",
    
36. 
    
37.             "program": "cmd",
    
38. 
    
39.             "args": [
    
40. 
    
41.                 "/C",
    
42. 
    
43.                 "${fileDirname}\\${fileBasenameNoExtension}.exe",
    
44. 
    
45.             ],
    
46. 
    
47.             "stopAtEntry": false,
    
48. 
    
49.             "cwd": "${fileDirname}",
    
50. 
    
51.             "environment": [],
    
52. 
    
53.             "console": "externalTerminal"
    
54. 
    
55.         },

复制代码

10、修改调试会显示弹窗，如图将“gcc.exe - 生成和调试活动文件”中的"externalConsole"属性改为”true”。


第四节 VScode使用使用标准C/C++
现在你已经完成所有的配置了!!!接下来看一下怎么使用吧。
1、如下图所示，绿色小箭头右侧可以选择方式，选择后再点击绿色小箭头就相关操作了，而且要先编译后运行。编译是编译当前界面的源文件，运行则是运行当前编译生成的可执行文件。因此一定要保证当前编辑的文件是程序的源文件!

2、关于调试，先在黄色边点击一下，就会出现个红点，这就是断点了!，然后在上一步中选择“生成和调试活动文件”再点击绿色小箭头执行就可以了，接下来就会出现调试按钮，调试按钮的使用方法与VC6.0等编译几乎一样!断点的标记方式和调试按钮如下图所示。

咋还是小孩

好耶1111

咋还是小孩

好耶好耶好耶