VScode 下载及使用教程
Marionette_Guillotin · · 科技·工程
update：修复了一下缺省源的问题，同时在文章末尾新增了插件内容
step1：下载 VScode
进入这里下载 VScode
点击右上角 Downland，进入下载页面。
点击 Windows 图标下面的下载按钮。
安装包下好后安装 VScode。最好在桌面上放个快捷方式以方便找到 VScode。
step2：利用插件将语言更改为中文
安装好之后再打开 VScode，这里刚打开是英文的，不过没事的宝宝不用害怕，请别管什么初始界面，点开左边长条从上往下第
输入“Chinese”，找到这个插件。
这个背景待会儿再交大家怎么弄，我这背景是动图哦。
点击 Install 下载，过一会儿右下角会蹦出一个窗口，如图。
点击它，这时会重启 VScode，界面就变为中文了。
step2.5（误)：下载 C/C++ 三件套
在插件里找到 C/C++，C/C++ Extension Pack，C/C++ Themes，打开并下载就可以了。（貌似下载第一个会把另外两个同时下载）
step3：设置缺省源
VScode 的“缺省源” 不是很好设置，不过也还凑合了。
按下 Ctrl+Shift+P，输入 :ml-search[Configure User Snippets]，按下 Enter。
以 c++ 为例，打开 cpp.json，如图（不用注意左下角）。
然后就打开了一个界面，用来设置“缺省源”。
这里的缺省源也不算缺省源，而是你输入一个小的代码段（类似缩写的意思）给你填写完整指定代码段。
虽然但是，@Shunpower 告诉我了一个网站，你把代码片段粘贴进去就可以帮助你格式化。除了缩写需要设置。
这句话是后面加上的：这个其实称作为“自定义补全”更好，因为你不仅仅可以拿来设置代码模板，也可以定义一些常用代码的模板，比如一个 for(int i=1;i<=n;i++) 的简单代码，你可以仿照下面的示例，自定义它的补全。
给大家一个模板：
{
"#include":{
"prefix": "#include",//这里输入“缩写”，可以自由定义
"body": [ //下面是代码片段
"#include<bits/stdc++.h>",
"using namespace std;",
"//#define int long long",
"",
"signed main()",
"{",
" cin.tie(0)->sync_with_stdio(0);",
" $1",//输入后光标跳转处
" return 0;",
"}",
],
}
}每次我们新建一个 cpp 文件，只用输入 #include 并换行，VScode 就会打出：
#include<bits/stdc++.h>
using namespace std;
//#define int long long
signed main()
{
cin.tie(0)->sync_with_stdio(0);
return 0;
}并把鼠标光标移动到上方代码的第 8 行往后移一个缩进，也就是缺省源那段代码里写的 $1 的位置。
除此之外，缺省源那段代码也能够做到其他的功能，非常好用，比如：
{
"#include":{//#include
"prefix": "#include",//如果输入#include，输出"body"内的内容
"body": [
"#include<bits/stdc++.h>",
"using namespace std;",
"//#define int long long",
"",
"signed main()",
"{",
" cin.tie(0)->sync_with_stdio(0);",
" $1",
" return 0;",
"}",
],
},//记得每段后面有逗号
"for":{//for
"prefix": "iforn",//如果输入for，输出"body"内的内容
"body": [
"for(int i=1;i<=n;i++)",
"$1",
],
}
}我们输入 for 并换行，他就会给我们写个 for(int i=1;i<=n;i++) 并换行 + 移动鼠标光标至一个缩进处。
其他的也一样，可以自己设置。
step4：配置编译器
VScode 是没有自带编译器的，所以要自己下载并配置。
我这里下的是 tdm-gcc，需要的可以用 MinGW64（下载比 tdm-gcc 要慢一些），下载官网。
既然这样我就叫大家安装一下吧 QwQ
点开最上面的 read more，打开下载页面。
配置较好的推荐点击第二个（70 多 MB），不然点第一个（500 多 KB，这里按这个做示范）：
打开下载程序：
点击 Create，选择下面的那个选项，继续。
选择下载路径并下载，可以了。
tdm-gcc 会自动创建系统环境变量，我们可以检查一下：
按下 Win 键，输入“环境变量”并打开。
点开“环境变量”。
双击打开“Path”：
我们可以看见已经有一个 gcc\bin 的地址了，没有的话点击右边的新建，并手动添加 bin 文件夹的地址。
现在 Win+R 打开 cmd：输入
gcc --version
g++ --version
如果能够显示出信息说明成功了，如图。
然后，VScode 就能进行编译了！
step6：编译运行代码
但是 VScode 的运行个人感觉有点麻烦，所以给大家推荐一个好用的插件：C/C++ Compile Run
首先，在插件市场里找到这个插件并下载：
然后，按下 Ctrl + 逗号，在搜索栏里输入 "run-in"。
将第一个选项勾选就可以了。
以后运行代码，都只用按下 F6，然后就会蹦出一个 cmd 窗口，也就是运行窗口，跟 Dev-c++ 一样的。
补充说明：最好不开这个玩意，按下 F6 可在 VScode 底下的集成终端中运行程序，要使用窗口按下 F8。有时第一种方式更方便，不过窗口更加直观一点，而且很多人用惯了 Dev
step 干货：设置背景
在你下载 VScode 的位置打开 VScode 对应的文件夹 Microsoft VS Code，进入 \resources\app\out\vs\workbench。
在这放入你准备的背图片景（是图片就行，包括动图）。
用记事本打开 workbench.desktop.main.css，在末尾换行输入以下代码（记得在标记处填上图片地址）：
body {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0.8;
image-rendering: pixelated;
background-image: url('/*这里填上图片的名称，包括后缀名*/');
}然后重启 VScode，即可。
tips：重启后右下角会有一个“Code 安装似乎损坏。请重新安装。” 点击齿轮图标并点击不再显示即可。同时请注意，每次更新 VScode 都会把你的图片给吃了，得把图片放一遍
THE END
下面是新内容！
插件1：Competitive Programming Helper (cph)
这个插件非常非常实用，这是官方图片：
屏幕左侧有几个测试点，可以添加测试用例。现在它已经更新出了中文版，不过现在这样子大家也看得懂吧。
优点：不用重复输入样例，不用重复的复制粘贴，非常快捷。同时编译、运行速度更快，且一次可以运行多个样例。
缺点：它不能判断有没有 RE，但是 RE 时不管怎样它都会显示一个 Failed，需要自己判断。其次，你不能放过大的样例进去，或者输出太多东西，容易卡死。
补充：现在有个升级版叫做 cph-NG，添加了提交代码和对拍的功能，非常好用，终于不用手写对拍了。链接：https://www.luogu.com.cn/article/8ix5zp4w
插件2：vscode-luogu
这个插件没什么好说的，如图所示：可以在 vscode 内编辑专栏、刷题。按下 Ctrl+Shift+P 并输入 luogu 以查看全部功能。功能非常齐全，这里不讲了。
![]()
插件3&4：Markdown All in One & Markdown Preview Enhanced
前者提供了一些基本功能，后者可以让你在 vscode 内预览 Markdown，没啥好说的。因为我自己不怎么用，但是可以编辑专栏
插件5：Trailing Spaces
小插件，强迫症必备，标红那些行末空格（留着太难受了）
插件6：vscode-pdf
让你在 vscode 中查看 pdf。没啥大用？
插件7：Live Share
当你在打线上 ICPC 时，有没有觉得跟队友交流太不方便了？这个插件可以连接你和队友，可以让你们在同一个工作区工作，同时编写一份代码，快捷的交流与思路探讨，随时看到队友代码。只是必须要一个 VScode 的账号（微软或者 GitHub）
当然你如果不打多人比赛的话可以不用这个
插件8：indent-rainbow
让你的前面的缩进分段显示彩虹色，让你的代码更加直观。
插件9：error lens
在你代码有语法错误的地方高亮显示出你的语法错误点。与 C/C++ 插件一起吃。
插件10：Prettier
这是一个代码格式化插件，在工作区按下 Ctrl+Shift+P ，输入 Format Document，即可格式化当前代码。
多款 AI 插件
这个有特别多，如 Trae，CodeGeex（国产免费），Copilot（内置，要钱），Cursor，CodeX，Gemini，Claude 等等。我不讲了。