Visual Studio Code下C/C++开发环境的配置及使用

半仙本仙

Visual Studio Code下C/C++开发环境的配置及使用

本文引用自作者编写的下述图书; 本文允许以个人学习、教学等目的引用、讲授或转载，但需要注明原作者"海洋饼干叔叔"；本文不允许以纸质及电子出版为目的进行抄摘或改编。
1.《Python编程基础及应用》，陈波，刘慧君，高等教育出版社。免费授课视频
2.《Python编程基础及应用实验教程》, 陈波，熊心志，张全和，刘慧君，赵恒军， 高等教育出版社
3. 《简明C及C++语言教程》，陈波，待出版书稿。免费授课视频

1. 下载并安装mingw-w64编译器工具集

1.1 下载并解压缩

在多数Linux的发布版本中均内置了gcc编译器工具集，对于Windows，我们建议安装mingw。mingw-w64可以简单认为是gcc的Windows的64位迁移版。
点击下述链接下载压缩包： http://codelearn.club/download/w64devkit-1.16.1.zip
这个压缩包包含下述版本的软件：
GCC 12.2.0
busybox-w32 FRP-4716
GDB 10.2
Mingw-w64 10.0.0
GNU Make 4.2
Vim 9.0
Universal Ctags 20200824
NASM 2.15.05
binutils 2.39
Cppcheck 2.8


下载完成后，选中该文件，然后点击“全部解压缩”（Windows 11, 在Windows 10上操作界面会稍有区别）。


选择合适的目录，然后点击“提取”。此处，我们建议目录名为c:\w64devkit或者d:\w64devkit，尽量避免在目录中包含空格，特殊符号或者中文。


解压缩完成后，得到上述目录结构。


打开其中的bin子目录，可以看到以gcc.exe为代表的工具集可执行文件。
1.2 添加环境变量

在Windows设置中找到系统属性（Windows 10, Windows 11流程有区别，请自行查询检索）：


点击“环境变量”。


在系统变量中找到Path，然后点“编辑”。


增加如图所示的目录至该环境变量，然后点击“确定”。一直点击“确定”，直至关闭所有设置窗口。
注意：在读者的计算机上，如果实际的解压缩目录与作者的不一致，该目录应以实际情况为准。
1.3 使用测试



在键盘上按下Windows键，输入cmd进行搜索，点击“命令提示符”（在Windows 10上可能稍有区别）。


在命令提示符中输入gcc -v，然后按下Enter键，如果未报错并出现如图所示的运行结果，说明mingw-w64编译器工具集可以正常工作了。
2. 下载Visual Studio Code

Visual Studio Code是微软公司主导的开源程序设计工具，在工业界广受欢迎，有着广大的用户群体。
【简易下载】
http://codelearn.club/download/VisualStudioCodeInstaller.exe
这是我们缓存的版本，可能不是最新的。
【下载最新版本】
在浏览器中访问网址：https://code.visualstudio.com/，进入Microsoft Visual Studio Code的官方页面。


点击”Download for Windows”按钮右侧的下箭头，根据自己的计算机类型选择合适版本。作者的计算机运行着Windows x64版本，故点击选择Windows x64/User Installer/Stable版本（第2行蓝色下箭头）。


然后就进入了下载页面，由于相关服务器位于境外，下载速度极慢，极端情况下还会失败。所以作者选择右键单击“direct download link”，然后在弹出菜单中选择”复制链接地址”。


然后打开迅雷（也可以是其它下载工具），新建下载任务，粘接链接地址，并手工将文件名改为”VisualStudioCodeInstaller.exe”，接下来点击立即下载。


下载任务完成后，可在相关下载目录中找到这个安装文件。


3. 安装Visual Studio Code

双击VisualStudioCodeInstaller.exe以执行该安装程序。


上述对话框提示该程序将以非管理员模式进行，点击“确定”。


选择“我同意此协议”，点击”下一步“。


通常选择默认目录，然后点击”下一步“。


点击下一步。


全部选项打勾，然后点击”下一步“。


点击”安装“。


然后等待一会儿。


弃选”运行Visual Studio Code”，然后点击”完成“。
4. 运行Visual Studio Code



如果在安装过程中勾选了“创建桌面快捷方式”， 则桌面上会有如图所示的图标。双击该图标，便可以运行Visual Studio Code。


如果必要，也可以在键盘上按下“Windows”按键，然后搜索”Visual Studio Code”， 找到后点击“打开”。


在作者的计算机上，Visual Studio Code的运行界面如图所示。 由于作者在先前曾多次安装过Visual Studio Code的稍早版本并做过一些设置，加之读者安装时的软件版本可能更新，所以读者看到的界面可能会与上图不完全一致。
5. 安装C/C++ Extension Pack插件

在Visual Studio Code的左侧工具栏中点击下述按钮：




使用关键词C/C++搜索并安装Microsoft的C/C++ Extension Pack，找到后点击”Install”。上图显示的是安装完成之后的状态。
6. 创建并运行第1个C++程序



在C盘或者D盘创建一个空的目录，用于存储程序文件。作者建议该目录的目录名不要包含任何特殊符号，空格或者中文，即只使用英文字母或数字。此处，作者的目录为C:\Demo。


在Visual Studio Code中选择File->Open Folder菜单项，定位并打开C:\Demo文件夹。


打开之后在Explorer中可以看到这个名为DEMO的空文件夹。


点击图中红框位置的按钮，新建一个文件。


文件名取名为1.cpp，然后按Enter键。


此时，可以看到1.cpp已经被打开，处于可编辑状态，录入如图所示的代码。1.cpp旁边的黑点表明该文件经过了编辑，但尚未保存。使用菜单File->Save或者组合键Ctrl + S保存文件后，黑点消失。
对于多数初学者来说，录入第1个程序是一项“有困难”的工作，初学者可以直接复制-粘贴下述代码。
#include <iostream>
using namespace std;

int main()
{
    cout << "第1个C++程序！" << endl;
    return 0;
}


如果C/C++ Extension Pack插件安装无误的话，可以在右上角看到一个三角形符号，它代表编译并运行当前打开的程序文件的意思。点击这个三角形按钮，可得下述选项。


一般来说，点击第1项即可。
在作者的计算机上，存在两个不同版本的mingw编译器，故有4个选项，在读者的计算机上，通常只会有前2项。


点击相关按钮后，下方Debug Console页中会显示整个编译，运行过程的摘要。
点击切换到Terminal页，可见程序的执行输出。
（如果看不到Terminal页，请缩小界面字体）


初学者请注意：编辑一个程序文件后，一定要先保存，后运行。
7. Visual Studio Code的简单使用





使用组合键Ctrl+(左手先按下Ctrl键，右手按+号键)，可以放大界面中的字体。
使用组合键Ctrl-(左手先按下Ctrl键，右手按-号键)，可以缩小界面中的字体。


点击左侧的EXPLORER按钮（图中红框处），可以显示/隐藏目录框。


如果想关闭当前打开的程序文件夹，可以使用菜单File->Close Folder。


通过菜单File->Preferences->Color Theme，可以调整界面的配色方案，如果读者的界面是“黑黑”的，可以将配色方案调整为Light+。
显然，通过File->Preferences->Settings，可以进行更多深入的参数设置。
8. 提供用户输入

使用相同的方法创建新文件2.cpp，并录入下述代码：


代码复制-粘贴也可以：
#include <iostream>
using namespace std;

int main()
{
    string sName;
    cout << "请输入你的姓名:";
    cin >> sName;
    cout << sName << ",别害怕，努力就学得会!" << endl;
    return 0;
}
然后点击右上角的三角形运行按钮：


一切正常的话，在下方的Terminal页，可以看到代码第7行输出的输入提示信息。用鼠标在冒号后面点一下，会出现如图所示的黑色光标。


输入姓名信息，然后按Enter键。


此时，代码第8行的输入要求得到满足，程序第9行的输出信息打印到了终端上，程序运行结束。
注意：代码中的string类型不支持中文，所以这里你如果输入中文姓名的话，最终将得到乱码结果。
9. 创建一个纯C语言的程序

使用类似方法在C:\Demo新建一个程序文件，文件的扩展名为c。下图中，我们新建了程序文件3.c。


录入如图所示的代码并运行，可在Terminal页得到执行结果。
代码复制-粘贴也可以：
#include <stdio.h>

int main(){
    printf("C++的程序扩展名是cpp,C的程序扩展名是c。");
    return 0;
}

为了帮助更多的年轻朋友们学好编程，作者在B站上开了两门免费的网课，一门零基础讲Python，一门零基础C和C++一起学，拿走不谢！
如果你觉得纸质书看起来更顺手，目前Python有两本，C和C++在出版过程中。

普通读者如果期望学习好编程（C、C++或者Python），欢迎加入QQ频道：海洋饼干学编程的朋友们， 与众多志同道合的读者一起努力。
方法：在手机QQ频道（需要安装较新的版本）中搜索下述关键词，找到对应频道，然后选择加入。频道号：w395n39434。

深海迷航

垃圾内容，路过为证。