VSCode的C++环境基础配置【零基础版】

本文最后更新于:2 年前

这篇还是写给比我还小白的小白看的,步骤可以说是很详细了,要不是录视频说话属实感觉太尬,直接录个视频其实比这个省事多了。(由于原域名到期导致图床失效,现博客的图都是当年备份的PDF里重新截的,由于二次截图导致清晰度比较堪忧)

声明

本文档的一切内容均为本地测试结果,受限于本人知识与能力,仅供参考,如因参照本文档操作而发生任何问题,无论是否严格参照本文档操作,请恕本人概不负责。

文档中的任何观点受限于本人知识、能力及眼界,不保证理智,公正,客观。如本文档中观点与您相左,以您的意见为准。

写在前面

本人的观点一向为 折腾工具纯属苦难哲学 ,这样说来,用vscode写C就纯属苦难哲学,毕竟直接安装就能用IDE(集成开发环境)一大堆,所以,如果看完本文觉得没必要,那依旧使用原来的工具写代码也是很正常的,每个人都有自己的选择权。

VSCode 的优点: 美观(相较于Dev-cpp),轻量(相较于Visual Studio),更好的代码补全(相较于Dev-cpp),免费开源。

VSCode 的缺点: 配置过程较繁琐。

简易版安装教程: 简易版安装教程(适合曾经配置过的或者对相关知识有一定了解的人,如果只要配置文件也请看这边)

视频版安装教程: 视频版安装教程(受限于设备,录制的卡成PPT了,无配音,仅用于辅助参考)原B站帐号没了,视频也无了

安装配置步骤:

安装编译器

为什么要安装编译器?

VSCode并不是一个IDE,而是一个编辑器,它的性质可以理解为电脑自带的文本文档,本身只有编辑功能。而我们不光是要写(编辑)代码,还要将代码变成可执行的应用程序,这个过程就是编译,不同于大部分IDE自带了编译器,VSCode这个编辑器要自行安装编译器。(不能理解可以暂时无视)

安装过程

安装过程在一个全新刚安装的 64 位 Window10 操作系统上进行演示(下同)

下载

备用方案

由于是国外网站,可能出现无法访问等情况,可以通过QQ群文件下载,或通过微云下载,

微云链接:https://share.weiyun.com/vAC0qE9T 密码:5twvhi

常规方案

在浏览器中输入网址“mingw-w64.org”并按回车,进入官网,并点击 【downloads】

跳转到的页面下拉到如图所示的位置,点击【SourceForge】。

跳转到的页面下拉到如图所示的位置,点击【x86_64-posix-seh】。

等待网站跳转,点击【保存】。

安装

找到下载的文件,进行解压。(解压软件安装配置见文档解压缩软件的 选择与安装)。

等待解压完成。

点进解压得到的文件夹。

复制里面的文件夹(右击文件夹,点【复制】)。

转到 C 盘中的 Program Files 文件夹,空白处右击,点【粘贴】。

点击【继续】,等待复制完成。

右击【此电脑】,点击【属性】。

点击【高级系统设置】

点击【环境变量】

在系统变量中找到 Path,点击 Path 变量,再点【编辑】。(或双击 Path)

点击【新建】,输入【C:\Program Files\mingw64\bin】,点击【确定】。

点击【确定】

点击【确定】

测试(可做可不做)

同时按下键盘的【win】和【R】键,呼出运行窗口,输入 cmd,点【确 定】(或直接回车)

在呼出的黑框中输入 gcc,回车,出现下图所示文字则配置成功。

安装vscode

下载

备用方案

也可以通过QQ群文件下载,或通过微云下载。

微云链接:https://share.weiyun.com/jkLR9hTf 密码:yebej6

常规方案

在浏览器中输入网址 https://code.visualstudio.com 访问,点击红框位置。

点击【Other downloads】

点击 64 位系统安装包链接。

等待跳转后点【保存】。

安装

找到下载安装包的位置,双击安装包。

点击【是】。

选择【我同意此协议】,然后点击【下一步】。

选择安装的路径(建议不变),然后点击【下一步】。

不变,继续【下一步】

全部勾选,然后点击【下一步】。

点击【安装】。

点击【完成】。

配置VSCode

汉化(可做可不做)

点击红框中的图标(插件图标)

输入【chinese】,点击第一个的【install】。

等待安装完毕,弹出弹框,点击【Restart Now】重启VSCode。

重启之后就是中文界面。

配置 C/C++环境

点击红框中的图标(插件图标)

输入【C】,点击第一个的【安装】。

点击红框中的图标

点击【打开文件夹】

自己选一个文件夹,然后右击,【新建】,【文件夹】,用来存放以后编写 的代码。(建议直接在文档中新建,可听可不听)

将新建的文件夹重命名,不要用中文名(可以写 CCode)

点击【选择文件夹】

在蓝框区域内右击,点击【新建文件夹】

将新文件夹名称命名为【.vscode】(用于放配置文件,不能写成其他名称, 名称最前面有个点,不要写丢)

右击【.vscode】文件夹,点【新建文件】。

新文件命名为【tasks.json】(特定配置文件名,不可更改)

将下面内容复制粘贴至配置文件【tasks.json】

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
{
"version": "2.0.0",
"tasks": [
{
"label": "build",
"type": "process",
"command": "g++",
"args": [
"-g",
"-Wall",
"-std=c++14",
"-lm",
"${file}",
"-o",
"${fileDirname}/${fileBasenameNoExtension}.o"
],
"presentation": {
"echo": false,
"reveal": "silent",
"showReuseMessage": false
},
"problemMatcher": "$gcc",
"group": {
"kind": "build",
"isDefault": true
},
"windows": {
"args": [
"-g",
"-Wall",
"-std=c++14",
"-lm",
"${file}",
"-o",
"${fileDirname}/${fileBasenameNoExtension}.exe"
]
}
},
{
"label": "run",
"type": "shell",
"dependsOn": "build",
"command": "${fileDirname}/${fileBasenameNoExtension}.o",
"presentation": {
"focus": true
},
"group": {
"kind": "test",
"isDefault": true
},
"windows": {
"command": "${fileDirname}/${fileBasenameNoExtension}.exe"
}
}
]
}

复制完成后同时按【Ctrl】和【S】两个键,保存修改

右击【.vscode】文件夹,点【新建文件】。

文件命名为【launch.json】(特定配置文件名,不可更改)

将下面内容复制粘贴至配置文件【launch.json】

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
{
// Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0",
"configurations":[
{
"name": "(gdb) Launch",
"type": "cppdbg",
"request": "launch",
"program": "${fileDirname}/${fileBasenameNoExtension}.o",
"args": [],
"stopAtEntry": false,
"cwd": "${workspaceFolder}",
"environment": [],
"externalConsole": false,
"MIMode": "gdb",
"setupCommands": [
{
"description": "Enable pretty-printing for gdb",
"text": "-enable-pretty-printing",
"ignoreFailures": true
}
],
"preLaunchTask": "build",
"windows": {
"program": "${fileDirname}/${fileBasenameNoExtension}.exe",
"miDebuggerPath": "C:/Program Files/mingw64/bin/gdb.exe",
},
"osx": {
"externalConsole": true
},
}
]
}

复制完成后同时按【Ctrl】和【S】两个键,保存修改

点击左下角齿轮图标

点击键盘快捷方式

输入【tasks】,找到【任务:运行测试任务】,点前面的【+】号。

按【F10】(一个括号里指一个键,下同),再按回车

回到资源管理器

在【.vscode】文件夹外建一个文件夹,名称随意(不能有中文,下同) (【.vscode】文件夹从现在开始就不需要动了,不要在里面新建文件写东西)

在新建的文件夹(我的是【test】)里新建一个C++文件(我命名为【test.cpp】)

随便写一段代码(输入 a,b,输出 a+b 的值)。

按【F10】编译运行程序。不会弹出黑框,终端运行集成在软件中(红 框)。至此配置完成。

VSCode 中的调试功能

设置断点,在行号前点一下即可。

调试运行,先点蓝框图标,再点红框图标进行调试运行。

红框是调试工具栏,蓝框中显示调试的数值信息,绿框为终端进行输入。

注:调试功能要求路径不能有中文名,即存放文件的文件夹,包括文件夹的上层文件夹,上上层文件夹等等等等,一旦其中一个文件夹有中文名,则调试功能会报错无法使用,这是已知bug,在微软未修复之前只能注意避免。


VSCode的C++环境基础配置【零基础版】
https://www.jingshan256.com/vscode_cpp_zero_based/
作者
origincat
发布于
2020年10月7日
许可协议