Awesome Open Source
Awesome Open Source


Version Installs Ratings Build Status

Add a lovely background-image to your vscode.


Vscode Market:

It looks like:

Warns 警告:

本插件是通过修改 vscode 的 css 文件的方式运行 所以会在初次安装,或者 vscode 升级的时候,出现以下提示,请选择 【不再提示】:

This extension works by editting the vscode's css file. So, a warning appears while the first time to install or vscode update. U can click the [never show again] to avoid it.

This is the reason:

Config 配置项

Name Type Description
background.enabled Boolean 插件是否启用
Enable or disable this plugin
background.useDefault Boolean 是否使用默认图片
Whether or not to use default images
background.customImages Array<String> 自定义图片
Add your custom images Object 自定义样式
Customize style
background.styles Array<Object> 每个图片的独立样式
Add custom Style for individual image.
background.useFront Boolean 前景图/背景图。 在代码上面还是下面
Set the image to front or back of your code
background.loop Boolean 循环模式,会重复显示图片
loop mode, may repeat your images

Notice 提示

http 协议的外链图片在当前版本不能使用(vscode 限制),需要用 https 协议开头的外链地址。

You should use protocol https instead of http for the image, http is not support by vscode any more.

Uninstall 卸载

Style may be uninstalled after the extension has been uninstalled, which depends on node.
If it not work, set the config  {"background.enabled": false}  in settings.json, then uninstall the plugin.

如果没有node环境,需要在 settings.json 中设置 {"background.enabled": false} ,然后再删除插件。如果直接删除插件会有遗留,就需要重装vscode了。

Q&A 常见问题:

Q:How to remove [unsupported] tag?
A:see here:

Q:It seems that nothing happens after installing the extension?

A:Make sure you have the administrator authority!!

Q:How to get the administrator authority?
Q:怎么获取管理员权限呢? =。=

A:In windows,click right button on the vscode's icon,then check the [run with the administrator authority].

In ubuntu:[](

Press F1,and you can get it by enter **ext install background** in your vscode. (~ ̄ ▽  ̄)~
<br />
<br />
你可以在 vscode 中,按下 F1,然后输入 **ext install background** 来下载她 (~ ̄ ▽  ̄)~


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
typescript (9,493
vscode (344

Find Open Source By Browsing 7,000 Topics Across 59 Categories