Awesome Open Source
Awesome Open Source
Sponsorship

vscode-background

Version Installs Ratings Build Status

Add a lovely background-image to your vscode.

GitHub: https://github.com/shalldie/vscode-background

Vscode Market: https://marketplace.visualstudio.com/items?itemName=shalldie.background

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

Q&A 常见问题:


Q:How to remove [unsupported] tag?
Q:怎么去除顶部的[不受信任]的标志?
A:see here: https://github.com/lehni/vscode-fix-checksums

Q:It seems that nothing happens after installing the extension?
Q:安装完插件后,似乎没有反应?

A:Make sure you have the administrator authority!!
A:如果不能使用,请确保你有管理员权限!!

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].
A:在windows环境中,可以右键单击vscode的图标,选择【以管理员身份运行】。

In ubuntu:[https://github.com/shalldie/vscode-background/issues/6](https://github.com/shalldie/vscode-background/issues/6).

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

Enjoy!


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