VScode 下载及使用教程
Genshin_ZFYX · · 科技·工程
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 告诉我了一个网站，你把代码片段粘贴进去就可以帮助你格式化。除了缩写需要设置。
给大家一个模板：
{
"#include":{ //这里输入“缩写”
"prefix": "",
"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": "for",//如果输入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++ 一样的。
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，马达马达～