推个小荐
1. vs code插件推荐
vs code的插件真的巨好用，微软提供了vs code插件的开发平台，vs code用得不顺手了，每个人都可以做插件发布出去。vs code的插件品类繁多，使用vs code而不用插件是不可思议的。
在这里推荐几个插件吧：
1. background
设置背景图片，支持jpg,png,gif等格式，最多可以设置三张图片。
2. Class autocomplete for HTML
快速查找到HTML文件中的id，类对应的CSS样式。
3. Bracket Pair Colorizer
彩色的括号，更美观，括号之间的层级关系也更直观清楚。
4. Power Mode
输入的时候提供duang~duang~的特效，有多种特效可供选择。
background插件配置
这个纯属仅供参考，直接复制黏贴到用户设置里就行了。
公有样式就是CSS来的，相信大家都比我玩得溜。这只是设置成我现在正在使用的“假装使用一张背景图片”的风格，想要玩出花来调整各种属性即可（注意opacity不要调太高）
// 想要设置为背景图片的路径，最多三张，举个栗子：
"background.customImages": ["file:///C:/Users/25226/OneDrive/图片/壁纸/50b3495fbe4cd84a0f1cb2137ac2431f.gif", "file:///C:/Users/25226/OneDrive/图片/壁纸/50b3495fbe4cd84a0f1cb2137ac2431f.gif", "file:///C:/Users/25226/OneDrive/图片/壁纸/50b3495fbe4cd84a0f1cb2137ac2431f.gif"],
// Plugin background enabled.background 插件是否启用
"background.enabled": true,
// Custom common style.自定义各项公有样式.
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"right": "0",
"z-index": "99999",
"width": "100%",
"height": "100%",
// "background-position": "10% 50%",
"background-position": "100% 60%",
"background-repeat": "no-repeat",
"opacity": 0.2,
"background-attachment": "fixed",
"background-size":"100%",
},
// Use default images.使用默认图片
"background.useDefault": false,
P.S. vsc默认没有开启自动折行，这个推荐打开。到设置里面搜索“折行”，然后改成“on”就行了。
还有就是最新的vs code更新了一个功能，可以调整窗口标题栏的外观，设置里面搜索“标题栏”就出来了，值设置成“custom”然后重启看看效果吧，审美这东西见仁见智。
2. 代码片段
墙裂推荐使用，很TM爽的。
这个媚姐也有给，放到指定目录里就可以了（吧，我是自己写的）。
左下角小齿轮那里，点击“用户代码片段”，然后搜语言就可以编辑符合自己习惯的模板代码了。
这个建议自己写，迎合自己的习惯。下面是个栗子：
// $1, $2就是光标的位置。
// ${1:label} 里面的label是提示，或者说默认的东西。
// $0 emm，可以理解成就是不需要给什么提示的时候用的，单纯的光标的位置
// 多行代码片段可以这样写：
// ↓↓ 这个只是个名字而已，随便起，别重复就行
"Hover in jQuery": {
// ↓↓ 这个是缩写，就是你打出什么的时候，给出代码片段提示
"prefix": "hov",
// ↓↓ 代码片段，多行的时候可以像这样写成数组的样子
"body": [
"$('${1:selector}').hover(function () {",
"\t$0",
"});"
],
// ↓↓ 描述
"description": "jQuery的hover事件"
},
// 多行代码片段还可以这样写：
"addClass & removeClass": {
"prefix": "arc",
// ↓↓ 除了写成上面那种形式，还可以写成一行，写进一个字符串里面去。
// 很简单 \n是换行 \t是缩进
"body": "$(${1:this}).addClass('${2:className}').siblings().removeClass('${2:className}');",
"description": "排他思想 addClass & removeClass"
},
不知道是vsc没有多行注释的模板还是我不知道而已……为了解决这个困扰，我新建一个全局的代码片段……
"/**": {
"prefix": "/**",
"body": "/**\n * $0\n*/",
"description": "块注释"
},
3. 推荐的网站
那两个壁纸网站随便看看就好，我不太会找图的(:з)∠)。
rainmeter的素材下载网站：https://windowscustomization.com/tag/rainmeter/?tdsourcetag=s_pctim_aiomsg
小清新，简介风格的壁纸下载网站：http://simpledesktops.com/
比较多样化的壁纸下载网站：https://www.goodfon.com/
4. 安装字体&设置到vs code上
其实vs code自带的默认字体（Consolas）就是十分优秀的字体了，可以不换的。
我也只是看到一个叫“Source Code Pro”的字体，觉得很好看，才动了想换字体的念头。这个字体是Adobe做的免费字体，据说在Windows阵营很受欢迎，和Consolas一样，都被认为是非常适合编程使用的字体。
以下是步骤：
1. 安装字体
解压字体的安装包，把TTF文件夹里面的所有.ttf文件都拷贝到C:\Windows\Fonts目录下，这样就安装完毕了。
2. 设置vs code的字体
打开设置，搜索“字体”，在最前面加上'Source Code Pro',就行了。注意不要漏掉引号和逗号，和后面的字体隔开，形如：'Source Code Pro', Consolas, 'Courier New', monospace。
我设置完之后，很神奇地字体没有生效，然后重启大法解决……
除了Source Code Pro，还可以依据自己口味更换喜欢的字体，不过不推荐花里胡哨的字体，最好是公认的适合编程的字体，具体有哪些百度即可。
5. 修改vscode的注释颜色还有设置选中高亮
都是在用户设置中添加下面的代码段
// 设置注释行代码的颜色
"editor.tokenColorCustomizations": {
"comments": "#49be1a",
// "variables": "#154de6"
},
//设置用户选中代码段的显示的高亮颜色
"workbench.colorCustomizations": {
"editor.selectionBackground": "#e61654"
}