--- highlight: a11y-dark --- ![278098855-5af3b300-0cf6-462a-80c5-34c175365711.jpg](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9b562a8671444756af2af8e5fb15d9fd~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=4096&h=3072&s=4290078&e=jpg&b=151414) # 🍰一、主题

Monokai Pro

** 1. `Ctrl + Shift + P`搜索`颜色主题` 2. 选择`Monokai Pro (Filter Spectrum)` # 🍭二、彩虹缩进

indent-rainbow

** 1. 将下面的`Vscode`配置粘贴到你的`setting.json`里面 ```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

** 1. 以管理员身份运行`Vscode` 2. `Ctrl + Shift + P`搜索`backgroundCover - start` 3. 选择图片按照步骤即可 > 可在`backgroundCover - start`后设置`透明度`，别忘了你`Vscode`现在还是`管理员身份运行`，手动关闭`Vscode`重新打开即可取消`管理员身份运行`。每次更新Vscode后，需要重新设置背景图，设置背景图`Vscode`必须`以管理员身份运行`。 AI壁纸下载：https://lengyibai.lanzouw.com/iUzaQ20d0y1g # 🍒五、文件图标

vscode-icons

** 1. 安装后在扩展详情页点击`设置文件图标主题`即可

# 🍦六、产品图标主题

Emoji File Icons

** 1. 安装后在扩展详情页点击`设置产品图标主题`即可

> 你也可以`Ctrl + Shift + P`搜索`产品图标-浏览器其他产品主题`。 # 🍫七、输入时产生粒子特效

Power Mode

** 1. 将下面的`Vscode`配置粘贴到你的`setting.json`里面 ```txt "powermode.enabled": true, "powermode.shake.enabled": false, "powermode.combo.timerEnabled": "hide", "powermode.combo.counterEnabled": "hide", ``` # 🍨八、看板娘

vscode-live2d

** 1. 以管理员身份运行`Vscode` 2. 点击`vscode-live2d`的扩展设置 3. 启用看板娘，此时会弹出重启`Vscode`，但先别重启 4. 将下面的`Vscode`配置粘贴到你的`setting.json`后重启 ```json "vscode-live2d.model": "Pio", "vscode-live2d.opacity": 0.35, "vscode-live2d.pointerPenetration": true, "vscode-live2d.talk": false, "vscode-live2d.moveX": -75, ``` 5. 此时`Vscode`显示空白，无法正常运行 6. 关闭`Vscode`，进入`Vscode`的安装目录 ```txt Microsoft VS Code\resources\app\out\vs\code\electron-sandbox\workbench ``` 7. 将该文件夹下的`workbench.html`文件拖动到桌面上 8. 使用`记事本`打开文件，删除下面这行 ```txt ``` 9. 保存，替换掉原来的`workbench.html`文件 10. 重新打开`Vscode`即可

> 注意：每次修改配置`Vscode`必须`以管理员身份运行`，并且每次修改配置后重启`Vscode`，`Vscode`都会出现空白，无法正常运行，需要修改替换`workbench.html`文件。每次更新`Vscode`后，需要重新`以管理员身份运行`来启用`看板娘`。 # 🍡九、截图工具

CodeSnap

** 1. 将下面的`Vscode`配置粘贴到你的`setting.json`里面 ```txt "codesnap.boxShadow": "rgba(0, 0, 0, 0.75) 0 0 25px 5px", "codesnap.containerPadding": "5em", "codesnap.shutterAction": "copy", "codesnap.showWindowTitle": true, ``` 2. 鼠标按住滑动选择要截图分享的代码，右键弹出菜单-点击`CodeSnap`，如果没有正常显示代码，不要关闭右边的窗口，重新选择代码