一、下载安装VS code

Visual Studio Code是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。

1.1 官网下载

官方下载:https://code.visualstudio.com/download

vs code 如何使用(VSCode插件)(1)

我们选择System Installer 64bit下载安装即可。

1.2 安装中文语言包

1、选择左侧的扩展按钮或快捷键:Ctrl Shift X

2、搜索chinese

3、点击安装按钮安装中文语言包并重启VS Code

vs code 如何使用(VSCode插件)(2)

二、下载安装及配置MinGW2.1 MinGW是什么

MinGW,即 Minimalist GNU For Windows。它是一些头文件和端口库的集合,该集合允许人们在没有第三方动态链接库的情况下使用 GCC(GNU Compiler C)产生 Windows32 程序。

实际上 MinGW 并不是一个 C/C 编译器,而是一套 GNU 工具集合。除开 GCC (GNU 编译器集合) 以外,MinGW 还包含有一些其他的 GNU 程序开发工具 (比如 gawk bison 等等)。

开发 MinGW 是为了那些不喜欢工作在 Linux(FreeBSD) 操作系统而留在 Windows 的人提供一套符合 GNU 的 GNU 工作环境。

小知识

GNU计划,又称革奴计划,是由Richard Stallman在1983年9月27日公开发起的。它的目标是创建一套完全自由的操作系统。

GNU计划中的大部分软件,都是基于各种系统内核(kernel)的,例如GNU/Win、GNU/Linux等等。

现在的很多操作系统发行版都是基于GNU/Win、GNU/Linux等开发的。

GNU是“GNU is Not Unix”的递归缩写。Stallman宣布GNU应当发音为Guh-NOO以避免与new这个单词混淆(注:Gnu在英文中原意为非洲牛羚,发音与new相同)。UNIX是一种广泛使用的商业操作系统的名称。由于GNU将要实现UNIX系统的接口标准,因此GNU计划可以分别开发不同的操作系统部件。GNU计划采用了部分当时已经可自由使用的软件,例如TeX排版系统和X Window视窗系统等。不过GNU计划也开发了大批其他的自由软件。

2.2 下载及安装MinGW

可以选择在线安装或者下载离线安装包,下面分别介绍两种方式。

1. 下载在线安装器

优点是可以安装最新版本的编译器,缺点是下载速度不稳定,有时可能连接错误。

在线安装器下载地址:https://osdn.net/projects/mingw/

vs code 如何使用(VSCode插件)(3)

2. 点击Install开始安装

vs code 如何使用(VSCode插件)(4)

3. 选择安装路径

安装路径可以随意,但是不要包含空格等特殊符号,如Program Files这种路径是不建议的。一般建议安装在某个盘符的根目录下,如:C:\MinGW、D:\MinGW等。

vs code 如何使用(VSCode插件)(5)

耐心等待安装结束,Continue按钮可以点击后点击Continue按钮继续。

vs code 如何使用(VSCode插件)(6)

4. 选择要安装的程序包

打开MinGE Installation Manageer(上述流程结束后默认打开),并勾选mingw32-base-bin和mingw32-gcc-g -bin,点击菜单栏Installation选项下载安装,安装结束后关闭界面。

vs code 如何使用(VSCode插件)(7)

请耐心等待安装完成即可进入 环境变量配置 环节

如果长时间等待不成功,可以进入 5. 下载离线安装包

5. 下载离线安装包

下载地址:https://sourceforge.net/projects/mingw-w64/files/

往下拖动页面,最新版的离线安装包版本为 MinGW-W64 GCC-8.1.0

vs code 如何使用(VSCode插件)(8)

下载后解压缩到指定目录中即可:

一般建议安装在某个盘符的根目录下,如:C:\MinGW、D:\MinGW等

如果仍然下载不成功,请在线Q小师妹:511233374

2.3 配置环境变量

依次右击计算机(此电脑) -> 属性 -> 高级系统设置 -> 环境变量->Path

vs code 如何使用(VSCode插件)(9)

将MinGW/bin目录添加到系统环境变量path中:

vs code 如何使用(VSCode插件)(10)

作者的MinGW安装目录是d:\mingw810_32,所以path设置为:d:\mingw810_32\bin

win r打开命令行,输入命令:gcc -v 检查是否安装成功

vs code 如何使用(VSCode插件)(11)

三、安装及配置VS Code插件3.1 安装C/C 插件

搜索并安装C/C 扩展包:@id:ms-vscode.cpptools-extension-pack (直接搜索C/C 也可以)

vs code 如何使用(VSCode插件)(12)

仍然是等待插件安装完成,注意观察右下角的弹出提示:正在下载C/C language components (Windows)...

等右下角的提示消失了,说明安装成功,此时最好重启VSCode让扩展生效。

3.2 配置编译器

接下来配置编译器路径,按快捷键Ctrl Shift P调出命令面板

或者右键选择:命令面板

vs code 如何使用(VSCode插件)(13)

输入C/C ,选择“Edit Configurations(UI)”进入配置。

vs code 如何使用(VSCode插件)(14)

1、修改编译器路径

可以修改编译器路径:(我的机器上的默认路径是微软的cl编译器)

vs code 如何使用(VSCode插件)(15)

选择合适的编译器即可(我机器上的编译器有些多,大家根据自己机器的配置选择即可)

vs code 如何使用(VSCode插件)(16)

2、修改IntelliSense模式

vs code 如何使用(VSCode插件)(17)

3、配置c_cpp_properties.json文件

配置完成后,此时在侧边栏可以发现多了一个.vscode文件夹,并且里面有一个c_cpp_properties.json文件,内容如下,说明上述配置成功。

vs code 如何使用(VSCode插件)(18)

c_cpp_properties.json中的内容如下:

vs code 如何使用(VSCode插件)(19)

5、执行构建任务

配置tasks.json完毕后,按下Ctrl Shift B启动编译,编译成功后在Workspace路径下生成 .exe 文件

如果安装了搜狗输入法,则快捷键有可能被占用,大家可以手动修改输入法颜文字的快捷键,这里不再赘述

也可以在cpp文件中右键点击:生成调试和活动文件。

vs code 如何使用(VSCode插件)(20)

vs code 如何使用(VSCode插件)(21)

选择合适的编译器生成即可

vs code 如何使用(VSCode插件)(22)

6、调试程序

vs code 如何使用(VSCode插件)(23)

选择创建C (GDB/LLDB)

vs code 如何使用(VSCode插件)(24)

选择第一个即可

vs code 如何使用(VSCode插件)(25)

.vscode目录下会自动生成launch.json文件,内容如下:(这里基本上不用修改)

vs code 如何使用(VSCode插件)(26)

设置断点后,在调试窗口开启调试即可

vs code 如何使用(VSCode插件)(27)

快捷键:

单步跳过 F10

单步调试 F11

单步跳出 Shift F11

重启 Ctrl Shift F5

继续 F5

停止 Shift F5

3.3 安装及使用Code Runner插件

如果只是想执行程序查看运行效果,可以安装Code Runner插件

vs code 如何使用(VSCode插件)(28)

安装完毕后点击右上角的三角形按钮执行即可在下面的输出窗口中看到程序执行的结果了

vs code 如何使用(VSCode插件)(29)

,