Vscode的配置与美化
QuaternaryTree · · 科技·工程
Part 0 前言
作者使用过的 IDE 中，除去 Sublime Text，作者可以认为尝试配置的过程中试错最多次的一个 IDE，在此期间，尤其感谢 @CarrotMeow 和 @fanjiayu666 的帮助，和各位在 QQ 中有回答我问题的各位谷友们，谢谢你们！！！
Part 1 下载 Vscode
Vscode 下载网址
选择你适合的型号，下载好，运行 .exe 文件即可。
Part 2 下载 MinGW64
注：因本文的 MinGW64 部分是参考这篇文章进行的，所以这个 Part 大多是转载其中的。/kel
在 MSYS2 官网中下载。
下载后打开，按以下操作安装：
然后等他安装完就可以了，到
接着安装完后直接点 Next 再点 Finish 就好了。
把弹出来的框关了。
打开你安装的 msys2 文件夹，打开目录下 etc 文件夹，然后再找到 pacman.d 打开，找到 mirrorlist.mingw32、mirrorlist.mingw64、mirrorlist.msys 三个文件然后操作以下内容：
在 mirrorlist.mingw32 中加入：
Server = https://mirrors.tuna.tsinghua.edu.cn/msys2/mingw/i686
在 mirrorlist.mingw64 中加入：
Server = https://mirrors.tuna.tsinghua.edu.cn/msys2/mingw/x86_64
在 mirrorlist.msys 中加入：
Server = https://mirrors.tuna.tsinghua.edu.cn/msys2/msys/$arch
这三行是将是从清华镜像下载软件，速度会快很多。
接着回到 msys2 的主文件夹，打开 msys2.exe。
输入 pacman -Sy 同步软件包数据库：
输入 pacman -Su 更新软件包：
中间停止你就按 Y 然后回车，就可以了。
期间第二次让你按 Y 之后他会关掉，重新打开输入 pacman -Su 即可。
一样中间停止你就按 Y 然后回车。
然后是安装 clang：
一样打开 msys2.exe 输入：
pacman -S mingw64/mingw-w64-x86_64-make mingw64/mingw-w64-x86_64-gdb mingw64/mingw-w64-x86_64-clang
（强烈建议一个字符一个字符输，输错了就得重打一遍这条命令）
然后和上面一样等待安装完成。（这个很久）。
别急，先别管，还有 clangd，输入：
pacman -S mingw64/mingw-w64-x86_64-clang-tools-extra
一样的过程。
Part 3 Path
如果您是 window 用户，可以在下方任务栏中搜索高级系统设置，会出现下方界面：
点击环境变量：
点击 Path 并接着点编辑，点击新建，将您的安装路径放进去，比如说我的就是 C:/msys64/mingw64/bin。
Part 4 真正的开始配置 Vscode
Part 4.1 安装插件
需要安装的插件如下：
-
Chinese (Simplified) (简体中文)：将您的语言换为中文，英语大佬，也可以选择不安 /bx。
-
C/C++
-
CMake Tools（我安了，但是我也不知道什么用 /wq）。
-
.Code Runner
OI 学习中可能需要的插件：
-
vscode-luogu：可以在 vscode 交题目和看题目，并且可以传到 cph
-
Error lens
-
CPH NG：文章广场中的一篇文章作者个人认为还可以。
Part 4.2 设置
首先您可以先新建一个新的文件夹，注意：请不要在其中含有空格，作者因为这个原因，配置了好几次最后才发现是这个问题，比如说我新建的文件夹就叫 VscodeCPP。
接着打开 Vscode，打开您的文件夹。接着打开右下方的齿轮图标，打开设置，在上方搜索框搜 settings.json 并点击 在 settings.json 中编辑。
接下来在 "C_Cpp.default.compilerPath" 后面的东西改为您的 您的/msys64/mingw64/bin 注意不要把 "", 给删掉！！！
如果您中没有 "C_Cpp.default.compilerPath" 那么您可以在您的setting.json 中加入 "C_Cpp.default.compilerPath": "您的/msys64/mingw64/bin",，注意：如果您报错了，那么有可能是因为前一行没加,导致的。
接下来，在您的文件夹中新建 .vscode 的文件夹，并新建名为 tasks.json 的文件：输入一下内容：
{
"version": "2.0.0",
"tasks": [
{
"type": "shell",
"label": "C/C++: g++ build active file",
"command": "g++",
"args": [
"-std=c++20",
"${file}",
"-o",
"${fileDirname}\\${fileBasenameNoExtension}.exe"
],
"options": {
"cwd": "${fileDirname}"
},
"problemMatcher": [
"$gcc"
],
"group": "build"
},
{
"type": "shell",
"label": "C/C++: g++ run active file",
"command": "",
"args": [
"${fileDirname}\\${fileBasenameNoExtension}.exe"
],
"presentation": {
"echo": true,
"reveal": "always",
"focus": true,
"panel": "shared",
"showReuseMessage": true,
"clear": false
},
"problemMatcher": [
"$gcc"
]
},
{
"type": "shell",
"label": "C/C++: g++ build run active file",
"command": "",
"args": [
"${fileDirname}\\${fileBasenameNoExtension}.exe"
],
"presentation": {
"echo": true,
"reveal": "always",
"focus": true,
"panel": "shared",
"showReuseMessage": true,
"clear": false
},
"problemMatcher": [
"$gcc"
],
"dependsOn": [
"C/C++: g++ build active file"
]
}
]
}接下来按 Ctrl + shift + P 并输入打开键盘快捷方式，在 json 文件中加入：
{
"key": "alt+z",
"command": "workbench.action.tasks.runTask",
"args": "C/C++: g++ build run active file"
},注：不要将上面的 [删掉，/kel
接下来，你可以试着写一个 A + B Problem 的代码，但注意：不要有空格！！！
写完后，按上面你自己自定义的按键，等待一会之后，你的 Vscode 就可以跑代码啦 / qiang
Part 5 美化
如果您认为您的 Vscode 非常美丽，那么您就可以去玩您的 Vscode 了（。
回归正题：我们可以意识到，字体对于一个 IDE 来说非常重要，可以让我们赏心悦目。接下来我们引出 Fira Code
大家可以在这里的附件中下载。
打开 Vscode，打开设置，输入字体，将控制字体系列改为：
'Fira Code', monospace。
那么你就会发现您 Vscode 代码中的字体十分美丽。
您可以按 Ctrl + K + Ctrl + T 中设置您 Vscode 的主题。
作者由于电脑跑 Clion 十分费力，但有十分喜欢 Clion 的代码样式，发现了这个插件：Clion Dark Perfected，这可以使您的 Vscode 编辑区的代码处理字体，十分相似与 Clion。
Part 6 小结
Vscode 是一款什么不错的 IDE，但如果您不喜欢繁杂的配置过程，我相信 Red-Panda 是一个不做的选择。谢谢各位谷友们，如果有问题，可以在下方发问题，作者由于被惊艳了，所以会私信回复，谢谢大家！！！