Visual Stdio Code ( VScode ) C/C++ 傻瓜式环境配置！

前言

保姆级配置教程全篇及相关配置文件已发布至个人博客 https://www.seny.xyz/archives/vscconf

相信刚接触编程的小伙伴们，在老师们或网上各种教程的指导下用着各式各样的IDE (集成开发环境) 进行程序编写，而一款 IDE 的构成 简单来说就是: 文本编辑器 + 编译器 。

而对于初学者必学的C语言来说，无论是对萌新十分友好的小型IDE：Devcpp，亦或是著名的大型IDE：Visual Studio (VS)，不同的人群对于这些不同的IDE也是有着不同的使用场景，就我个人而言：

• Devcpp 在使用上 极为方便，它在体积上完胜其他大部分的IDE ( 仅仅只有50MB左右 ) ，正因为其 体积小 的优点，在不同的机器上进行编程的时候，经常可以在网上直接下载一份到本地直接使用，麻雀虽小但五脏俱全，它在保持体积小的优势下具有与正常IDE不相上下的功能体验如：语法补全，语法高亮等。
• Visual Studio 作为一个 大型 项目构建IDE来说，它满足了项目开发的一切需求，但同时在体积上与 dev 相比就不在一个体量上 ( 根据开发需求，实际的安装文件可以达到3~8个G ) ，但 大体量 带来的好处就是 VS 给予了开发者 近乎完美的开发环境，但在初学者的日常使用中，它的实际使用体验在其大体量下略显糟糕。

对比二者的优缺点后，有没有一款 IDE 能兼具两者的优点呢，它就是今天要介绍的 Visual Studio Code，俗称 VSC (念作VScode)

严格来说 VScode 并不是一款IDE，我们更习惯于称它为一款高颜值的 文本编辑器 ，但在其强大社区的支持下，VScode 拥有了极为庞大的插件数量，这也使其成为了一款高颜值的 轻量型 IDE

它在 丰富的插件数量 以及 自身极高颜值 的加持下很快成为了很多人最喜爱的IDE，其中也包括我 ~

VScode 界面展示

---

配置教程

绝对完美的事物是不存在的，VScode 也不例外，其最大的缺点便在于其环境的配置较为 复杂 ，由于它本质上仅仅只是一款编辑器，所以我们需要在配置文件中将编译器引入

对于刚入门的萌新来说，就算参照教程来配置好自己的 VScode 同样有着不小的难度

回想当初刚接触编程时，一眼就看中了它的颜值，于是第一次尝试独自配置它，后来费了老鼻子功夫，花了整整2天时间研究其配置文件的参数后才终于搞定

所以如果想要 VScode 成为一个完整的 IDE ，你需要安装一款编译器，对于 C/C++ 来说 Windows 系统下常用的编译器为 Mingw，这边我们也是选用该编译器进行配置。

---

环境配置（终极无敌小白版）

需要提前准备的文件为 编译器 Mingw 与 VScode 的相关配置文件 ，二者已打包至个人博客，有需要的朋友可以查阅自取 https://www.seny.xyz/archives/vscconf

童叟无欺的傻瓜式配置教学步骤如下：

1. 下载安装 VScode
2. 安装 C++依赖 插件 与 汉化 插件
3. 放置编译器 Mingw
4. 创建工作目录，放置 VScode 相关 配置文件
5. 配置系统 环境变量
6. 测试运行

一、下载安装 VSCODE

1. 进入 VScode官网 点击图中的版本 ( Windows 64位稳定版 )，等待数秒后将会自动下载到本地
   
   
   

2. 以管理员身份运行 VScode 安装包，过程中能选的选项全部选上后一路 下一步 即可
   

二、安装插件

1. 打开 VScode，在插件市场中安装 C/C++ 与 Chinese (Simplified) Language 这两个插件

  C/C++ :

  Chinese (Simplified) Language :

2. 插件安装完毕后 重启 VScode 使插件生效

三、解压缩 Mingw

1. 将 MinGW 放到 F盘根目录 ( 若在别的盘则后面需修改配置文件内相应的盘符 ) 使其路径为 F:\MinGW 如下图
   

四、解压缩 VScode 配置文件

1. 在 F盘 ( 任意盘均可 ) 创建一个文件夹命名为 Code ( 名字可随意，作为工作目录 )

2. 将下载好的.vscode 压缩包放入已创建好的 Code 文件夹中解压，解压后目录为 X:\Code\.vscode
   ( X为盘符，如我的 Code 文件夹为 F盘 则路径为 F:\Code\.vscode 如下图 )
   

五、配置系统 环境变量

具体流程如下：

1. 右键桌面上的此电脑 --> 属性 --> 左侧列表中的 高级系统设置 --> 环境变量
   
   
   

2. 系统变量 内找到Path --> 选中后点击编辑
   
   
   

3. 新建 --> 输入 F:\MinGW\bin --> 确定 ( 此处的路径为你放置编译器 Mingw 的 bin 目录 )
   
   
   

4. 重启电脑 以应用环境变量

六、编写程序测试

1. 打开VScode --> 点击界面内的打开文件夹 --> 选择刚才创建的Code文件夹
   

2. 写个 helloworld 程序 --> 按下 F5 编译运行 --> 若程序成功运行则配置已完成
   

---

VScode 常用扩展插件推荐 ( 图片引自 CSDN )

1. vscode-icons 替换左侧列表的文件图标

2. filesize 编辑框左下角显示当前文件大小

3. Bracket Pair Colorizer 彩色括号匹配

效果如下：

4. Code Runner 本地代码运行

效果如下：

5. Path Intellisense 智能路径提示

效果如下：

小结

本次小白教学结束，更详细的环境配置例如如何自己配置一份属于自己的 .vscode 或许会在以后开坑，配置好 VScode 后就可以以更加愉悦的心情开始自己的编程生涯辣，VScode 的高颜值以及丰富的插件库，无论是在什么阶段用它写代码都会越写越愉悦哈哈哈，如果这篇教程对你有帮助不如留下你的赞或评论鼓励一下作者 ~