![afe72498a63f8d7be49ac7da67e028e6.png](https://img-blog.csdnimg.cn/img_convert/afe72498a63f8d7be49ac7da67e028e6.png)
本教程分为以下几个部分:
- Visual Studio Code(后文简称VS Code)安装教程
- 配置VS Code语言
- Windows系统C++编译环境配置教程
- BUCT OJ平台插件安装及使用教程
VS Code安装教程
访问VS Code官方网站:https://code.visualstudio.com/
![fa11f066b088f82109f4b142b7ec3c70.png](https://img-blog.csdnimg.cn/img_convert/fa11f066b088f82109f4b142b7ec3c70.png)
根据系统下载VS Code软件本体,并安装
![8a2c0f095b8de2b8e52a4c27b7846508.png](https://img-blog.csdnimg.cn/img_convert/8a2c0f095b8de2b8e52a4c27b7846508.png)
一路击“下一步”,直至开始安装:
![4a1d83cc47e4ac06ff5b29065c4eb914.png](https://img-blog.csdnimg.cn/img_convert/4a1d83cc47e4ac06ff5b29065c4eb914.png)
安装成功界面如下:
![af54ef1c7a4a87e5d9f48dea6fba6e3c.png](https://img-blog.csdnimg.cn/img_convert/af54ef1c7a4a87e5d9f48dea6fba6e3c.png)
配置VS Code语言
初次启动VS Code,界面语言可能为英语(初次启动界面为中文,或不想使用中文界面的同学可跳过这一部分)
![dd66e14b5c4e90a3cf98e4fdd8e8bd77.png](https://img-blog.csdnimg.cn/img_convert/dd66e14b5c4e90a3cf98e4fdd8e8bd77.png)
按照下图所示的步骤,首先点击打开插件窗口,在输入框内输入“Chinese”,然后点击搜索结果中的第一个。
![549a8b3ac9344975b34fdeecdbe95fc6.png](https://img-blog.csdnimg.cn/img_convert/549a8b3ac9344975b34fdeecdbe95fc6.png)
点击“Install”安装该插件(如图所示的两个“Install”都可以)
![7ad13db0f7b6c24d5cf98d576ea4edb7.png](https://img-blog.csdnimg.cn/img_convert/7ad13db0f7b6c24d5cf98d576ea4edb7.png)
然后 重新启动 VS Code软件,即可切换至中文界面
![45c7207e23e07c0d1513fe4f90c8a7e4.png](https://img-blog.csdnimg.cn/img_convert/45c7207e23e07c0d1513fe4f90c8a7e4.png)
Windows系统配置C++编译环境
C/C++编译环境在Windows环境中配置较为复杂,且容易出现问题,安装过程需要专心
注:此教程仅针对Windows系统,其他系统(如MacOS、Ubuntu)请自行搜索对应教程
此处教程参考来源: https://www. zhihu.com/question/3031 5894 https://www. cnblogs.com/bpf-1024/p/ 11597000.html
第一步,下载编译器:https://sourceforge.net/projects/mingw-w64/files/
往下稍微翻一下,选最新版本中的x86_64-posix-seh
![db56d4231e4963a865e62d3aaebcae74.png](https://img-blog.csdnimg.cn/img_convert/db56d4231e4963a865e62d3aaebcae74.png)
下载完成后,你会得到一个拓展名为“7z”的压缩包,使用解压软件解压该压缩包,并把解压出来的所有文件放在一个妥善的位置(如下图,我放在了D盘内名为“Cpp”的文件夹内)
![4eb586642363d557b778f9f5f96ea02b.png](https://img-blog.csdnimg.cn/img_convert/4eb586642363d557b778f9f5f96ea02b.png)
确认“bin”文件夹的完整路径(教程图里的是“D:Cppmingw64bin”,此处一定要根据自己存放实际位置调整),把该路径添加到环境变量中的PATH里。
![e4447652d71d9dadc0cc310cfa7f9b42.png](https://img-blog.csdnimg.cn/img_convert/e4447652d71d9dadc0cc310cfa7f9b42.png)
添加环境变量步骤如下所示:
我的电脑,点击“属性”
![63a35d4effba09372800bf8100d36678.png](https://img-blog.csdnimg.cn/img_convert/63a35d4effba09372800bf8100d36678.png)
点击“高级系统设置”(在不同版本的Windows系统中,该按钮的位置不同)
![0cd962a046cb747f9c126343d37be461.png](https://img-blog.csdnimg.cn/img_convert/0cd962a046cb747f9c126343d37be461.png)
![8138bb370e7c9dc175bbc5f6bdcf8657.png](https://img-blog.csdnimg.cn/img_convert/8138bb370e7c9dc175bbc5f6bdcf8657.png)
打开“高级系统设置”后,点击“环境变量”,找到“Path”这一条目,点击“编辑”按钮
![488c3e5defc414eaf97e1924d96add6a.png](https://img-blog.csdnimg.cn/img_convert/488c3e5defc414eaf97e1924d96add6a.png)
点击“新建”,插入刚才的“bin”文件夹的完整路径。
![8166cf478a64a586c5f5b36a3873e747.png](https://img-blog.csdnimg.cn/img_convert/8166cf478a64a586c5f5b36a3873e747.png)
结束之后,上述窗口都必须点击“确定”按钮关闭,否则不会保存
结束之后,上述窗口都必须点击“确定”按钮关闭,否则不会保存
结束之后,上述窗口都必须点击“确定”按钮关闭,否则不会保存
(很重要所以说三遍)
接下来验证是否安装成功,按Win+R,运行cmd,输入gcc,输出结果如下图则表示安装成功
![f49b867aa12a2e0767c7b62c757afe45.png](https://img-blog.csdnimg.cn/img_convert/f49b867aa12a2e0767c7b62c757afe45.png)
如果输出结果是“不是内部命令或外部命令”或“无法将 "gcc" 项识别为 cmdlet、函数、脚本文件或可运行程序的名称”则表示安装失败。
如果是“不是内部命令或外部命令”,说明环境变量的Path修改失败。此时可以先重启电脑,因为部分情况下重启电脑才能让新的环境变量生效。如果重启了还不行,那就是在上述操作过程中出错了,可以重新来一次。
接下来配置VS Code的C++运行环境,首先点击打开插件窗口,在输入框内输入“C++”,然后点击安装结果中的第一个
![3f455530a2ed90203e12ce9f02d24b57.png](https://img-blog.csdnimg.cn/img_convert/3f455530a2ed90203e12ce9f02d24b57.png)
安装结束后。找一个妥善的地方创建文件夹,并在文件夹内创建一个C/C++文件,随便写一个可以执行的代码,然后用VS Code打开该文件夹
![f390e8e4495e056907da2839d0856a2d.png](https://img-blog.csdnimg.cn/img_convert/f390e8e4495e056907da2839d0856a2d.png)
![735009bc2afff34c9119549134f5d7c0.png](https://img-blog.csdnimg.cn/img_convert/735009bc2afff34c9119549134f5d7c0.png)
进入调试界面添加配置环境,选择 C++(GDB/LLDB),再选择 g++.exe,之后会自动生成 launch.json 配置文件
![5983bcbe52697cbad8eccfb0b6805e2a.png](https://img-blog.csdnimg.cn/img_convert/5983bcbe52697cbad8eccfb0b6805e2a.png)
![8a0a51823301a754b91a2674b2b6ca67.png](https://img-blog.csdnimg.cn/img_convert/8a0a51823301a754b91a2674b2b6ca67.png)
然后会自动弹出C/C++相关配置文件launch.json ,直接保存该文件即可
其中,如果将"externalConsole"的值改为true,之后再本地调试C/C++程序时将会弹出终端(就是执行C/C++程序时的黑框框);否则程序执行时的输出会显示在VS Code的底部。
![cb273566ff346244d6a28a431553021f.png](https://img-blog.csdnimg.cn/img_convert/cb273566ff346244d6a28a431553021f.png)
回到我们刚才随便写的C/C++文件,按F5进行调试,输出执行结果,即表示环境配置成功
下图是"externalConsole"=false时的输出方式
![937529d5a54c52244b8e014715261ba2.png](https://img-blog.csdnimg.cn/img_convert/937529d5a54c52244b8e014715261ba2.png)
下图是"externalConsole"=true时的输出方式,这就是我们熟悉的黑框框
![08314ad73da9318cf167dd474fd467cc.png](https://img-blog.csdnimg.cn/img_convert/08314ad73da9318cf167dd474fd467cc.png)
BUCT OJ平台插件安装及使用
首先点击打开插件窗口,在输入框内输入“BUCT”,然后点击安装结果中的第一个
![358b9489357f24df5135b7e9f81f28d3.png](https://img-blog.csdnimg.cn/img_convert/358b9489357f24df5135b7e9f81f28d3.png)
安装成功后,左侧导航栏内会出现一个可爱的BUCT OJ插件入口按钮(如果安装完成没有出现,则重新启动VS Code程序)
![828b9a2f4f2114ca5da45313565ff61e.png](https://img-blog.csdnimg.cn/img_convert/828b9a2f4f2114ca5da45313565ff61e.png)
安装成功后,点击左侧的图标,出现一个树形菜单(后续添加新功能,此处会出现更多的按钮)。首先点击“登录"按钮,在弹出的输入框内输入自己的BUCT OJ平台账号密码(按回车确认),即可完成登录。
![63d27b8372c7d015f46f88d98bf948e7.png](https://img-blog.csdnimg.cn/img_convert/63d27b8372c7d015f46f88d98bf948e7.png)
出现BUCT OJ主页即表示登陆成功,登录成功后账号密码会自动保存,以后点击“登录”就不用输入账号密码了,如需删除自动保存的账号密码,只需要点击上图的“退出登录”按钮即可
![488b1f3b72f125a402a195435a360c3b.png](https://img-blog.csdnimg.cn/img_convert/488b1f3b72f125a402a195435a360c3b.png)
新建一个文件(推荐左右分栏显示,方便一边看题一边写代码),该文件无须本地保存。首先点击右下角“纯文本”按钮切换编程语言,在弹出的选项栏内选择所需的编程语言。
目前仅支持:C、C++、Java、Python
![66f83fccf3da70cd79e815acf5df16c6.png](https://img-blog.csdnimg.cn/img_convert/66f83fccf3da70cd79e815acf5df16c6.png)
选择好语言以后,在网页内随便点开一个题目,就可开始答题写代码了
![c6c12aa33c02e614e7d4d18cd47ecbe8.png](https://img-blog.csdnimg.cn/img_convert/c6c12aa33c02e614e7d4d18cd47ecbe8.png)
代码写好之后,点击代码上方的“提交答案”按钮提交代码
![fa2ac0f887ce04cd69ffa6c2aaa29c8f.png](https://img-blog.csdnimg.cn/img_convert/fa2ac0f887ce04cd69ffa6c2aaa29c8f.png)
提交答案之后,在网页里就能看到提交代码的执行结果了
![046c373d413d82bc28c1168bdf01be5c.png](https://img-blog.csdnimg.cn/img_convert/046c373d413d82bc28c1168bdf01be5c.png)