在 Windows 下 Visual Studio Code / VS Code 中 配置 C++ / C 环境

谁又不是从电脑小白开始的学编程的呢，所以尽量把文章写得小白友好一点。

Native Debug好！好就好在不用自己写配置，也不用理会各种参数，开箱即用。

参考资料：Visual Studio Code官方文档

• 在 Windows 下 Visual Studio Code / VS Code 中 配置 C++ / C 环境
  • 1. 下载VS Code与MinGW-w64
  • 2. 进行环境变量的配置
    • 1. 获取路径
    • 2. 配置环境变量
  • 3. 安装C/C++与Native Debug扩展
    • 安装C/C++扩展
    • 安装Native Debug扩展
  • 4.Enjoy Coding
  • 一些小Tips

1. 下载VS Code与MinGW-w64

• 下载Visual Studio Code并进行安装

  注意安装时要勾选 添加至path环境变量

• 下载MinGW-w64(在线安装包)

• 在线安装包在联网的情况下下载最新版本进行安装，但是在国内的网络环境下可能下载较为缓慢，这里也推荐直接下载离线版本。

  打开file页面后，看到页面下方的最新版(MinGW-W64 GCC-8.1.0)有如下版本，一般选择前两个中的一个进行下载即可（默认大家用的都是64位Windows10）。

  x86_64-posix-sjlj
  x86_64-posix-seh
  x86_64-win32-sjlj
  x86_64-win32-seh
  i686-posix-sjlj
  i686-posix-dwarf
  i686-win32-sjlj
  i686-win32-dwarf
  

  具体版本区别可以看看：https://www.pcyo.cn/linux/20181212/216.html

2. 进行环境变量的配置

Windows10下的配置步骤：

1. 获取路径

将下载好的MinGW-w64解压到一个文件夹，在文件管理器中进入\bin目录内，复制下当前路径。

注意：此处的路径不能含有中文或者英文之外的字符，此外也建议以后的任何路径与文件名都不要使用中文，否则容易导致
各种错误，也请注意路径不能太长，如果有前述情况，请修改文件夹名再复制下路径。

2. 配置环境变量

• 在系统搜索框内直接输入环境变量，会出现编辑系统环境变量，（或者此电脑（右键）→更多→属性→（页面左侧的）高级系统设置）
  点击环境变量(N)...进入。

https://www.www.zyiz.net/i/l/?n=20&i=blog/2277867/202104/2277867-20210430042244689-1027132341.gif

• 在用户变量中，找到Path变量，双击打开，点击新建，将刚刚复制的/bin文件夹的路径粘贴进去，保存，重启系统。

  

• 重启后再次打开Path变量，如果/bin文件夹的路径消失则说明配置不成功。

• 此时打开VS Code的Terminal(终端)，或者系统搜索栏中搜索cmd(命令提示符)并打开。

  输入以下检查命令并回车，若出现版本提示则说明配置成功。

  gcc --version
  g++ --version
  gdb --version
  

3. 安装C/C++与Native Debug扩展

• 安装C/C++扩展

  打开VS Code，在VS Code中打开Extension(扩展)页面(Ctrl+Shift+X)，搜索c++，安装 C/C++ extension for VS Code，也可以点击链接进行安装。

• 安装Native Debug扩展

  搜索Native Debug，安装Native Debug，也可以点击链接进行安装。

  这一步可以说是点睛之笔，VS Code的.json配置文件在一开始劝退了不少小白，Native Debug能为你自动生成调试所需的配置文件。

4.Enjoy Coding

• 新建一个文件夹用于保存代码，注意路径不要包含中文。
• 在VS Code中打开这个文件夹(Ctrl+O)，新建一个文件(Ctrl+N)，保存(Ctrl+S)为.cpp/.c格式，写下你在VS
  Code的第一份代码。（不愿意写也可以copy下面这个）

#include <iostream>
#include <vector>
#include <string>

using namespace std;

int main()
{
    vector<string> msg{"Hello", "C++", "World", "from", "VS Code", "and the C++ extension!"};

    for (const string &word : msg)
    {
        cout << word << " ";
    }
    cout << endl;
}

• 按F5进行调试，如图所示Native Debug会自动帮你生成\.vscode目录下的三个.json配置文件，当前test文件夹下的源文件以及子目录中的源文件进行编译时都会根据这三个配置文件来运行，你也可以根据自己的需要来修改这几个文件中的内容。
• 如果出现了各种奇怪的错误，编译失败等等，请检查所有路径是否出现中文字符，删除.vscode目录并重新打开VS Code重新进行编译。

图片链接：
https://www.www.zyiz.net/i/ll/?i=20210412155946278.gif#pic_center

一些小Tips

• 关于中文编码问题：一些同学会反映之前使用Dev-C++写的含有中文的C++代码在VS Code中打开后中文变成乱码，这是两个软件的默认文件编码不同所导致的，简单的解决办法是将.cpp文件使用记事本打开，并另存为，在对话框右下角的文件编码处将ANSI编码改为UTF-8编码即可。

• 推荐一个很喜欢的插件 Polacode，可以方便地生成整洁美观的代码截图。

• 自动格式化你的代码：Ctrl+,打开设置，搜索format，勾选Format On Save，可以在保存文件时自动格式化你的代码。
• 一些VSC上的Git扩展，大家用了都说好：
  Gitlens
  Git History
  Git Graph