🍰一、主题
Monokai Pro
Ctrl + Shift + P搜索颜色主题- 选择
Monokai Pro (Filter Spectrum)
🍭二、彩虹缩进
indent-rainbow
- 将下面的
Vscode配置粘贴到你的setting.json里面
"indentRainbow.colors": [
"rgba(255, 0, 0, 0.15)",
"rgba(255, 115, 0, 0.15)",
"rgba(229, 255, 0, 0.15)",
"rgba(0, 255, 21, 0.15)",
"rgba(0, 255, 242, 0.15)",
"rgba(0, 110, 255, 0.15)",
"rgba(38, 0, 255, 0.15)",
"rgba(183, 0, 255, 0.15)",
"rgba(255, 0, 170, 0.05)"
],
🍬三、颜色代码显示颜色
Color Highlight
它提供了多种颜色显示方式，如背景色、下划线、字体显示颜色等
🍮四、背景图
background-cover
- 以管理员身份运行
Vscode Ctrl + Shift + P搜索backgroundCover - start- 选择图片按照步骤即可
可在
backgroundCover - start后设置透明度，别忘了你Vscode现在还是管理员身份运行，手动关闭Vscode重新打开即可取消管理员身份运行。每次更新Vscode后，需要重新设置背景图，设置背景图Vscode必须以管理员身份运行。
AI壁纸下载：lengyibai.lanzouw.com/iUzaQ20d0y1…
🍒五、文件图标
vscode-icons
- 安装后在扩展详情页点击
设置文件图标主题即可
🍦六、产品图标主题
Emoji File Icons
- 安装后在扩展详情页点击
设置产品图标主题即可
你也可以
Ctrl + Shift + P搜索产品图标-浏览器其他产品主题。
🍫七、输入时产生粒子特效
Power Mode
- 将下面的
Vscode配置粘贴到你的setting.json里面
"powermode.enabled": true,
"powermode.shake.enabled": false,
"powermode.combo.timerEnabled": "hide",
"powermode.combo.counterEnabled": "hide",
🍨八、看板娘
vscode-live2d
- 以管理员身份运行
Vscode - 点击
vscode-live2d的扩展设置 - 启用看板娘，此时会弹出重启
Vscode，但先别重启 - 将下面的
Vscode配置粘贴到你的setting.json后重启
"vscode-live2d.model": "Pio",
"vscode-live2d.opacity": 0.35,
"vscode-live2d.pointerPenetration": true,
"vscode-live2d.talk": false,
"vscode-live2d.moveX": -75,
- 此时
Vscode显示空白，无法正常运行 - 关闭
Vscode，进入Vscode的安装目录
Microsoft VS Code\resources\app\out\vs\code\electron-sandbox\workbench
- 将该文件夹下的
workbench.html文件拖动到桌面上 - 使用
记事本打开文件，删除下面这行
<script src="../../../../vs/loader.js"></script>
- 保存，替换掉原来的
workbench.html文件 - 重新打开
Vscode即可
注意：每次修改配置
Vscode必须以管理员身份运行，并且每次修改配置后重启Vscode，Vscode都会出现空白，无法正常运行，需要修改替换workbench.html文件。每次更新Vscode后，需要重新以管理员身份运行来启用看板娘。
🍡九、截图工具
CodeSnap
- 将下面的
Vscode配置粘贴到你的setting.json里面
"codesnap.boxShadow": "rgba(0, 0, 0, 0.75) 0 0 25px 5px",
"codesnap.containerPadding": "5em",
"codesnap.shutterAction": "copy",
"codesnap.showWindowTitle": true,
- 鼠标按住滑动选择要截图分享的代码，右键弹出菜单-点击
CodeSnap，如果没有正常显示代码，不要关闭右边的窗口，重新选择代码
