0.资源地址

文章里所有资源的下载地址：https://www.aliyundrive.com/s/q3TWUAQ5rbo

1.绿色版本

• 绿色版本采用 VSCode User 1.7.4.2 X64 版本。
• 绿色便携版本采用的生成工具来自 Visual C++ 2010 版本提供的 32 位工具链。
• Win 7 Win10 Win 11 可以正常运行。
• 使用方法，下载文件后，进行解压，以管理员身份运行 VCVars.bat 文件后，再运行 ShortCut.bat 这样就会生成一个桌面快捷方式。
• 用 VSCode 打开所给的 Code 文件夹，可以迅速编译运行示例。具体可以参照手动配置里的 1.4 步骤。
• 下面给出绿色版压缩包文件结构图：

VSCode-win32-x64-1.74.2
├ Code <folder>
│
├ VCompiler <folder>
│ ├ include <folder>
│ │ ├ easyx.h
│ │ └ graphics.h
│ ├ bin <folder>
│ │
│ └ Lib <folder>
├ ShortCut.bat ├ EasyXa.lib
├ VCVars .bat └ EasyXw.lib
└ 其他文件

2.手动配置

2.1 插件和环境变量的配置

• 下载 VSCode，从 https://code.visualstudio.com/ 下载。这里选用目前最新版本：1.7.4.2 X64 User 版本。
• 安装后，点击左侧第 5 个按钮如下图所示，这里使用中文，喜欢英文的可以跳过此步，此处以中文为例。

• 下载 VC 生成工具，此处以 VC 2010 中提取出来的 X86 位生成工具链为例，已内置 EasyX 库，版本 20220901
• 然后自行解压，此处以解压到 D 盘为例。（想要更新的 VC2022 可以参照第三节 ）
• 设置生成工具的环境变量，不懂如何设置环境变量可以参考https://jingyan.baidu.com/article/f0e83a259121f963e4910132.html 设置完毕后如图所示：

• 在 VSCode 中下载并安装 C/C++ 插件，然后重启 VSCode。

• 按下 Ctrl+Shift+P 组合键，输入 C/C++:编辑配置(JSON) 项，如下图所示:

• 左键点击后，将会进入 c_cpp_properties.json 的配置文件，这个文件的是配置 VSCode C++ 的智能感知，提供代码提示，错误提示等功能。清空里面的代码，输入如下代码：

{
	"configurations":[
		{
			"name":"Win32",
			"includePath":
			[
				"${workspaceFolder}/**"
			],
			"defines":
			[
				"_DEBUG",
				"UNICODE",
				"_UNICODE"
			],
			"compilerPath": "cl.exe",
			"cStandard": "c99",
			"cppStandard": "c++11",
			"intelliSenseMode":"windows-msvc-x86"					
		}
	],
	"version":4
}

2.2 相应示例代码

• 在 D 盘下创建一个文件夹 Code，并用 VSCode 打开，然后创建一个新文件 circle.cpp，在里面输入一个简单的画圆代码，如下：

#include<graphics.h>
#include<conio.h>
int main()
{
	initgraph(640, 480);
	circle(320, 240, 50);
	_getch();
	return 0;
}

2.3 任务和运行配置

• 回到 circle.cpp 编辑页面，点击终端选项卡下的“配置任务“，会有一个选项 “C/C++:cl.exe“ 生成活动文件，如图所示：

• 如果没有上述第一个选项，则选择第二个选项 “使用模板创建 tasks.json”，然后点击 “other ”。无论选择哪一个，都会进入到 task.json 的编辑页面，清空这个文件里面的代码，加入如下代码：

{
	"version": "2.0.0",
	"tasks":
	[
		{
			"type":"cppbuild",
			"label":"C/C++:Debug",
			"command":"cl.exe",
			"args":
			[
				"/Zi",
				"/EHsc",
				"/nologo",
				"/MDd",
				"/Debug",
				"/Fe${fileDirname}\\Debug\\${fileBasenameNoExtension}.exe",
				"/Fo${fileDirname}\\Debug\\${fileBasenameNoExtension}.obj",
				"/Fd${fileDirname}\\Debug\\${fileBasenameNoExtension}.pdb",
				"/DUNICODE",
				"/D_UNICODE",
				"/D_DEBUG",
				"${file}",
				"user32.lib",
				"kernel32.lib",
				"shell32.lib"
			],
			"options":
			{
				"cwd":"${fileDirname}"
			},
			"problemMatcher":
			[
				"$msCompile"
			],
			"group":"build",
			"detail":"MSVC Compiler"
		},
		{
			"type":"cppbuild",
			"label":"C/C++:Release",
			"command":"cl.exe",
			"args":
			[
				"/Zi",
				"/EHsc",
				"/nologo",
				"/MT",
				"/Fe${fileDirname}\\Release\\${fileBasenameNoExtension}.exe",
				"/Fo${fileDirname}\\Release\\${fileBasenameNoExtension}.obj",
				"/Fd${fileDirname}\\Release\\${fileBasenameNoExtension}.pdb",
				"/DUNICODE",
				"/D_UNICODE",
				"/DNDEBUG",
				"${file}",
				"user32.lib",
				"kernel32.lib",
				"shell32.lib"
			],
			"options":
			{
				"cwd":"${fileDirname}"
			},
			"problemMatcher":
			[
				"$msCompile"
			],
			"group":"build",
			"detail":"MSVC Compiler"
		}
	]
}

• 再回到 circle.cpp 的编辑页面，点击“文件菜单下的”运行“选项卡的添加配置会有一个选项框，选择 “C/C++(Windows)“ 选项，然后就会进入到 launch.json 的编辑界面，清空里面的代码，输入如下代码：

{
	"version":"0.2.0",
	"configurations":
	[
		{
			"name":"开始调试 (Debug) ",
			"type":"cppvsdbg",
			"request":"launch",
			"program": "${fileDirname}\\Debug\\${fileBasenameNoExtension}.exe",
			"args":[],
			"stopAtEntry": false,
			"cwd": "${fileDirname}",
			"environment": [],
			"console": "externalTerminal",
			"preLaunchTask":"C/C++:Debug"
		}
	]

}

2.4 编译和调试运行示例代码

• 完成上述文件的配置后，我们就可以进行编译文件了。回到 circle.cpp 编辑页面，点击"终端"选项卡下的运行生成任务或者 按下 Ctrl+Shift+B 键组合键，如图所示：
  
• 选择第一个 “C/C++:Debug“ 就是 Debug 模式编译，选择第二个 就是 Release 模式编译。这里选择图示第一个选项，点击后，底下“终端“输出框将会有如是字样：

• 正在启动生成...

cl.exe /Zi /EHsc /nologo /MDd /Debug /FeD:\Code\Debug\circle.exe /FoD:\Code\Debug\circle.obj /FdD:\Code\Debug\circle.pdb /DUNICODE /D_UNICODE /D_DEBUG D:\Code\circle.cpp user32.lib kernel32.lib shell32.lib
circle.cpp

生成已成功完成。

• 终端将被任务重用，按任意键关闭。

• 运行完毕后，左侧文件目录框，就会生成一个 Debug 文件夹，里面的 circle.exe 就是我们刚刚编译的文件啦。
• 然后点击“运行”选项卡的“非调试模式运行”或者按下 Ctrl+F5 组合键就可以运行程序。
• 点击“运行”选项卡的“启动调试“或者按下 F5 则就是调试程序，在 .cpp 文件行号左侧点击就是下断点，断点处有红点标记。此时 VSCode 左侧会变成变量监视框和堆栈浏览框。
• 手动配置教程结束，感谢您的观看！

3.相应官方文档：

• CL.exe 相应参考参数：https://learn.microsoft.com/zh-cn/cpp/build/reference/compiler-options?view=msvc-170
• VSCode 配置 Gcc On Windows：https://code.visualstudio.com/docs/cpp/config-mingw
• VSCode 配置 Gcc On WSL：https://code.visualstudio.com/docs/cpp/config-wsl

4.更新的 VC 生成工具-VC2022

4.1 版本和下载地址

• VC 生成器版本号：14.34.31933
• 搭配的 WindowsSDK  版本号：10.0.20348.0
• 资源库里下载 VS2020 生成工具

4.2 配置方法

• 以 64 位计算机，编译 64 位程序的需求为例

4.2.1 修改环境变量

Path：

• D:\VC2022\MSVC\bin\Hostx64\x64

Include:

• D:\VC2022\MSVC\Include
• D:\VC2022\MSVC\atlmfc\include
• D:\VC2022\MSVC\WindowsKits\Include\um
• D:\VC2022\MSVC\WindowsKits\Include\ucrt
• D:\VC2022\MSVC\WindowsKits\Include\shared
• D:\VC2022\MSVC\WindowsKits\Include\winrt
• D:\VC2022\MSVC\WindowsKits\Include\cppwinrt

Lib:

• D:\VC2022\MSVC\lib\x64
• D:\VC2022\MSVC\WindowsKits\Lib\um\x64
• D:\VC2022\MSVC\WindowsKits\Lib\ucrt\x64

4.2.2 修改 c_cpp_properties.json，修改后可以获得更好的代码提示，错误提示等功能

{
	"configurations":[
		{
			"name":"Win32",
			"includePath":
			[
				"${workspaceFolder}/**"
			],
			"defines":
			[
				"_DEBUG",
				"UNICODE",
				"_UNICODE"
			],
			"compilerPath": "cl.exe",
			"cStandard": "c17",
			"cppStandard": "c++17",
			"intelliSenseMode":"windows-msvc-x64"					
		}
	],
	"version":4
}

4.2.3 注意事项

• 其他操作同第一节的配置
• 已经内置 EasyX 20220901
• 支持 ATL，不支持 MFC
• 32 位计算机请使用 D:\VC2022\MSVC\bin\Hostx86\X86，Include 和 Lib 中的 X64 请改为 X86

5.已有 Visual Studio 的简便方法

5.1 使用 VSCode 插件 CMake

• 安装 下图所示插件:
  

5.1.2 使用方法

• 以在 D 盘下的 example 文件为例
• 用 VSCode 打开该文件后，按下 Ctrl+Shift+P 组合键，然后如下图所示
  
• 选择第一个，然后 CMake 就会自动搜寻电脑上安装的 VC 系列或者 GCC 系列工具链。如下图所示（笔者电脑上是安装了 VS2022 生成工具）：
  
• 此处选择 Visual Studio 生成工具 2022 Release -X86，选择后，会有如图所示图样：
  
• 要求你输入项目名，此处以 “Projetc” 为例，然后会出现如下图样：
  
• Library 是选择生成库文件，Executable 是选择生成可执行文件 (.exe)，选择第二个选项
• 选择后会进入到 CMakeList.txt 文件的编辑页面，熟悉 CMake 的可以直接写 CMake 相关命令
• 在生成 CMakeLists.txt 的同时还会有 main.cpp 的生成，进入这个源文件的编辑界面，可以发现已经自动写好了一个 Hello World 程序
• 将视线移到下面如图所示的栏目条
  
• 左侧第的 “CMake:[Debug]:Ready" 按钮是表示 CMake Debug 模式就绪，点击它可以切换 release 等模式
• 更左侧的一个按钮是切换工具链，具体可以亲自点击查看
• Build 标签的按钮是编译生成的功能类似于 VS 的生成解决方案
• [ALL_BUILD] 在熟练掌握 CMake 后，自然就会了解，这里不展开讲解
• [ALL_BUILD] 按钮右侧旁边的两个按钮，都是运行程序的功能，一个是不在终端运行，一个是在 VSC 里的内置终端窗口运行，具体可以亲自尝试，感受不同

5.3 使用 EasyX 的注意事项

• 如果 Visual Studio 中已经配置了 Easyx ，不用在 CMakeLists.txt 中写入相关链接库的操作

5.联系方式

• 作者邮箱：Sharpcv@outlook.com