一、下载并安装VSCode

(1)从https://code.visualstudio.com/ 下载最新版的VSCode并安装。

安装VSCode并配置C++编程环境_json


(2)安装的过程中,要勾选“需要添加到PATH”中。

安装VSCode并配置C++编程环境_json_02

二、安装MinGW

VSCode本身只是一款文本编辑器,可以编写C/C++或其他语言的代码,但是没法编译和调试。所以还需要安装相应语言的编译器和调试器。

MinGW中包含了C语言编译器gcc.exe,C++编译器g++.exe,C/C++调试器gdb.exe/gdb32.exe。

如果没有MinGW,可上网下载并安装。若电脑里已经安装了DevC++或CodeBlocks,则因为DevC++或CodeBlocks已经自带了MinGW(或MinGW64),不需要再安装。

安装VSCode并配置C++编程环境_g++_03

三、将编译器和调试器路径添加到环境变量Path中

gcc.exe, g++.exe, gdb.exe等工具位于MinGW64\bin\中:

安装VSCode并配置C++编程环境_json_04


所以需要将MinGW64\bin目录设置成全局变量。

(1)右击“此电脑”–>“属性”–>“高级系统设置”–>“环境变量“,编辑”系统变量“中的”path“,添加上MinGW64\bin路径:

安装VSCode并配置C++编程环境_c++_05


(2)注销用户或重启电脑,打开cmd命令行窗口,输入echo %path%命令,查看MinGW64\bin中径是否已经被包含到path中。

安装VSCode并配置C++编程环境_g++_06


(3)将MinGW64\bin添加到Path中后,就可以在电脑的任意路径下执行MinGW64\bin中的一些工具指令。比如c++的编译指令g++.exe:

安装VSCode并配置C++编程环境_g++_07

四、添加支持C++语法的功能

(1)新建一个专门放VS工作空间的文件夹,比如我在桌面新建了一个VSC++文件夹。点击VS左侧栏的第一个图标“Explorer”中的“Open Folder”,打开VSC++目录。

安装VSCode并配置C++编程环境_c++_08


(2)点击VSC++右侧的新建文件图标,新建一个cpp文件,比如hello.cpp。注意,这里后缀名不会自动生成,需要手动写上。

安装VSCode并配置C++编程环境_g++_09


(3)在hello.cpp中写代表,发现关键字不会自动联想。说明此时VSC++不支持C++语法。

安装VSCode并配置C++编程环境_c++_10


(4)点击VSCode左侧的“应用商店(Extensions)“,搜索C/C++语法插件,并安装

安装VSCode并配置C++编程环境_c++_11


(5)安装完成后,重新编写hello.cpp中的代码,发现VS能支持C++语法,包括关键字联想、语法高亮等。

安装VSCode并配置C++编程环境_json_12

五、编译运行功能

写完C++程序后,发现没法编译运行程序。此时需要安装Code Runner插件。

(1)在VS应用商店里搜索Code Runner并安装。

安装VSCode并配置C++编程环境_g++_13


(2)装完之后,发现右侧多了一个三角形按纽。这个按纽就是用来运行代码的。

安装VSCode并配置C++编程环境_g++_14


(3)回到hello.cpp,点击右上角的Run Code按纽,或者右击代码区域,在弹出的菜单中选择第一个按纽Run Code,可看到运行结果。

安装VSCode并配置C++编程环境_g++_15

六、C++的调试功能

接下来要给VSCode加上调试C++代码的功能。

(1)在VSCode的Explorer中的VSC++右侧,点击第二个按纽来添加一个名叫.vscode的子文件夹,注意名称带点号。.vscode里面要存放配置文件比如launch.json和tasks.json。

安装VSCode并配置C++编程环境_json_16


(2)右键点击.vscode,在此目录下新建launch.json和tasks.json。

安装VSCode并配置C++编程环境_g++_17


(3)launch.json中的内容为:

{
"version": "0.2.0",
"configurations": [

{
"name": "C/C++",
"type": "cppdbg",
"request": "launch",
"program": "${fileDirname}/${fileBasenameNoExtension}.exe",
"args": [],
"stopAtEntry": false,
"cwd": "${workspaceFolder}",
"environment": [],
"externalConsole": true,
"MIMode": "gdb",
"miDebuggerPath": "C:\\Program Files (x86)\\Dev-Cpp\\MinGW64\\bin\\gdb.exe",
"preLaunchTask": "g++",
"setupCommands": [
{
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": true
}
],
},
]
}

注意,这里miDebuggerPath参数值就是调试器gdb.exe的完整路径。另外,不要使用gdb32.exe,否则调试时会报错。

(4)tasks.json中的内容为:

{
"version": "2.0.0",
"command": "g++",
"args": [
"-g",
"${file}",
"-o",
"${fileDirname}/${fileBasenameNoExtension}.exe"
],
"problemMatcher": {
"owner": "cpp",
"fileLocation": [
"relative",
"${workspaceRoot}"
],
"pattern": {
"regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
"file": 1,
"line": 2,
"column": 3,
"severity": 4,
"message": 5
}
},
"group": {
"kind": "build",
"isDefault": true
}
}

(5)点击VSCode左侧工具栏中的“Run and Debug“按纽可发现顶部多了绿色按纽。或者点击顶部的”Debug”按纽,发现弹出的子菜单里多了”Start Debugging”按纽。

安装VSCode并配置C++编程环境_c++_18


(6)点击绿色的三角形按纽或Start Debugging菜单,即可进行调试。

安装VSCode并配置C++编程环境_g++_19

七、设置数据输入功能

刚装好的VSCode遇到cin语句时,没法输入数据。需要设置。

(1)选择“File”–>”Preference”–>”Setting”–>”User”–>”Extensions”–>”Run Code Configuration”,勾选右侧的“Run in Terminal”。

安装VSCode并配置C++编程环境_json_20


(2)运行代码,发现在代码区底部的Terminal中可以输入数据

安装VSCode并配置C++编程环境_g++_21

八、改变主题

(1)选择左上角的”File”–>”Preference”–>”Setting”–>”User”–>”Workbench”–>”Apperance”,可在Color Theme中更改主题。默认的主题是Default Dark+,若改成Default Light+,则会变成白色的,如下图所示:

安装VSCode并配置C++编程环境_c++_22


(2)若需要更多的主题,可到扩展商店搜索“Theme”下载安装更多的主题。

安装VSCode并配置C++编程环境_json_23

九、添加汉化功能

(1)在扩展商店里搜索简体中文语言包并安装。

安装VSCode并配置C++编程环境_json_24


(2)装完重启VSCode即可看到菜单名称变成了中文。

安装VSCode并配置C++编程环境_g++_25

十、菜单显示语言切换

菜单显示语言能够切换的前提是安装过语言包。默认只能显示英语。假如安装过中文语言包(如上面第七步所示)后,要在中英文之间互相切换,则操作步骤为:

(1)点击VSCode左下角的“设置”按纽“命令面板”,在命令面板输入框里输入language,

安装VSCode并配置C++编程环境_g++_26


(2)选择“Configure Display Language”,在弹出的语言选项中选择相应的语言,en代表英语,zh-cn代表中文。选择之后,重启VSCode,即可发现界面语言已经更改。

安装VSCode并配置C++编程环境_json_27