VS Code入门--环境C/C++配置

IDE环境：Viusal Studio
文本编辑器+编译器：VS code+MinGW 环境配置
学习来源： https://zhuanlan.zhihu.com/p/77074009

0 安装工具

• VS code
• MinGW: https://sourceforge.net/projetcs/mingw-w64/

1 安装MinGW

• 千万注意解压缩时候的目录一定不要出现中文字符，防止后面出现意想不到的意外。
• 压缩文件内是一个名为mingw64的单文件夹，建议直接防止在某盘符下面；

1.1 安装文件内容

1.2 添加环境变量

环境变量地址：即bin文件夹下地址–是我们实际调用的编译器的所在的位置。
地址例如：C:\mingw64\bin

• 编译器这类程序都不能直接双击打开，而是要通过某种方式使得这些编译器被外部程序/或编辑器 调用。
• win+s=打开桌面底部任务栏点开搜索栏：输入环境变量–>选择编辑账户的环境变量（建议选择这一个，防止误改系统变量）
• 双击Path，选择编辑；但不建议动下面的系统变量。
  

1.3 测试安装

win+r–>cmd命令 : gcc --version

测试成功如上图所示；

2 安装Visual Studio code文本编辑器

VS code是跨平台对应的的系统：可以在windows,Linux和Mac系统上进行开发
文本编辑器是用来写代码的，是不为特定语言服务。只要是能够编写纯文本的软件，如Windows记事本，都可以编写任何语言的代码。但考虑到实际的变成体验，众多专用的编辑器被开发出来，以提供代码高亮(根据特定的与研发给代码染色，便于阅读)，语言检查错误，代码补全，断点调试，多文件多项目的管理等。

2.1 安装插件–Extensions

• 汉化插件-Chinese(Simplifyed Lanuage)
• C/C++环境：C/C++
  修改完环境变量，安装或更新完插件后，重启VS code，以便使得各种修改生效

2.2 配置C/C++简单环境（完成上面所有步骤，重启之后）

这部分对应VS code的具体使用；

2.2.1 基本要点

• 脑子里时刻要有源代码文件概念。代码要写成文件保存到硬盘起来，然后才有后续的工作。
• VS code是支持众多语言的编辑器，绝不仅仅只是为C/C++服务，所以要确保代码源文件的后缀名写对。
  C语言后缀名.c ;C++后缀名是.cpp。这是VS Code区分代码类型的标志。
• 编写C/C++这类程序有两个基本步骤：一是根据代码文件或文件包生成程序文件–编译、生成，需要调用MinGW-64编译器来完成这件事。二是吧刚刚生成的程序跑起来，这叫做执行，需要你向系统发出执行这个程序的指示。
• 这两个基本步骤:一般都是在命令行的环境下进行，输入输出也是在这里面。VS code的优势之一，把系统的命令行都集成软件内部，名唤“终端”。
• 【工作区和文件夹的用法：】

2.3 修改VS Code条似乎配置文件

2.3.1 打开文件夹

file–>打开文件夹–>右键–>新建文件夹–>VS-CODE-C

资源管理器：侧边栏由上至下分别是“打开的编辑器” “工作的文件夹名”，“大纲”，通过左侧的小三角>都可以展开或这折叠—>在这里能方便地进行新建，移动，复制，删除文件或文件夹等基本操作
【好处】

• VS Code中打开的一个文件夹下可以包含你一个项目或一段时期的各种文件，便于我们分门别类，有序的组织代码。
• 这个文件夹内可以保存独立的配置（位于自动创建的子目录.VSCode下，能随工作文件夹一起移动），仅在这个文件夹内生效而不修改用户个人的全局配置，也不会与其他文件的配置相冲突。对于C/C++插件是必须的。
• VS Code的集成终端在打开的文件夹内自动以该文件夹为启动目录，这样在里面编译和执行程序时可以方便地使用相对路径。

2.3.2 配置

**所谓配置：就是放在.vscode文件夹里面的一堆.json文件，通常会被自动创建，保存了仅用于这个打开的文件夹的诸多配置。
方法一：新建三个配置文件 .json文件

方法二：图形话界面配置

1. Ctrl+Shift+P–>唤出命令面板–>C/C++编辑配置(UI)
   （也可以使用配置.json文件）
   

• 诸配置中最重要的就是编译器路径和IntelliSence模式这两项，若是前面正确配置了环境变量，这此时都会自动出现正确的编译器路径。

• 编译C程序选择gcc.exe，编译C++则选择g++.exe；模式选择gcc-x64.
  

• 配置完成之后，可以看到一个c_cpp_propertities文件被自动保存在了.vscode子目录中，它只在这个文件夹中生效。如果使用一个新的工作文件夹，就重新配置一下或者把原来的.vscode文件夹复制过来。
  Note:。vscode是工作文件夹的子目录，下次打开项目时注意到只开到上一级工作文件夹（例如：我上面就是VS-CODE-C）.
  至此配置工作完成，具体用法如下所示。

3 测试Demo

编写"Hello world"程序

1. 到工作文件夹中添加一个源代码文件–hello.c
   

编写完成要保存，提醒未保存文件的标记：大点号，多两眼。
Note:注意新建文件摆放的位置，应该是直接摆放在工作文件夹下，视觉上跟最左侧平齐，别放在了某个子文件夹下面
2. 配置任务
第一次执行编译任务前，需要配置任务。选择菜单栏【终端】–>【配置任务…】–>选择“C/C++:gcc.exe build active file”(若是C++则应是"g++.exe build active file")

3. 选中点击之后，一个tasks.json文件将被自动创建并保存在.vscode中，并自动打开，其内容如下：
   

在VS Code和"C/C++"插件都升级到最新版本后，这个默认配置就已经相当完善，无需修改关闭即可
4. 为了执行这个编译任务，先打开要编译的代码文件，然后选择菜单栏【终端】–>【运行生成任务】（快捷键Ctrl+Shift+B）.

5. 编译任务生成文件.exe
   

出现上图情景即代表编译成功！注意这个步骤仅仅是生成了目标程序，但还没有执行它。
6. 执行程序
终端–>新终端

• 对于这种放在最外面的程序，输入.\程序名.exe即可执行.
• 小技巧：输入部分文件名后按Tab键即可自动补全.
  

=分割线============================

4 命令行编译代码

命令行编译代码：这种方式是全自由的，跟是否配置了生成任务没有关系
保存代码后按快捷键 Ctrl+[`]打开嵌入式终端（命令行环境）

4.1 编译代码命令

gcc -o 目标程序路径和文件名 源代码文件路径
执行程序：.\目标程序

路径可以是绝对的或相对的，当然相对路径一般更方便