VsCode配置C/C++开发环境_vscode c++环境

       

目录

第一节  准备材料

第二节  VScode和MinGW64安装教程

第三节  VScode环境搭建

第四节  VScode使用使用标准C/C++

---

        Visual Studio Code（简称“VS Code” ）是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)、 Code Runner，即代码运行，这是快捷方式，。
5)、 Include AutoComplete，即自动头文件包含。
6)、 Rainbow Brackets，彩虹花括号，有助于阅读代码。
7)、 One Dark 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语言的文本内容如下：

{
 
            "name": "编译",
 
            "type": "cppvsdbg",
 
            "request": "launch",
 
            "program": "cmd",
 
            "args": [
 
                "/C"
 
            ],            "stopAtEntry": false,
 
            "cwd": "${fileDirname}",
 
            "environment": [],
 
            "externalConsole": false,
 
            "internalConsoleOptions": "neverOpen",
 
            "preLaunchTask": "C/C++: gcc.exe 生成活动文件"
 
        },
 
        {
 
            "name": "执行",
 
            "type": "cppvsdbg",
 
            "request": "launch",
 
            "program": "cmd",
 
            "args": [
 
                "/C",
 
                "${fileDirname}\\${fileBasenameNoExtension}.exe",
 
            ],
 
            "stopAtEntry": false,
 
            "cwd": "${fileDirname}",
 
            "environment": [],
 
            "console": "externalTerminal"
 
        },

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

第四节  VScode使用使用标准C/C++

现在你已经完成所有的配置了！！！接下来看一下怎么使用吧。

1、如下图所示，绿色小箭头右侧可以选择方式，选择后再点击绿色小箭头就相关操作了，而且要先编译后运行。编译是编译当前界面的源文件，运行则是运行当前编译生成的可执行文件。因此一定要保证当前编辑的文件是程序的源文件！

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