ashujiao / vscode-background-cover Goto Github PK

View Code? Open in Web Editor NEW

268.0 5.0 28.0 3.42 MB

vscode扩展，添加一张你喜欢的图片铺满整个vscode ..

License: MIT License

TypeScript 100.00%

vscode vscode-background

vscode-background-cover's Introduction

VS Code - Background Cover

Add a picture you like to cover the entire vscode..
添加一张你喜欢的图片铺满整个vscode..

集成在线图库

使用此扩展请以管理员身份运行vscode

请通过插件配置命令或底部按钮进行配置（不要手动修改配置参数）

Use this extension to run vscode as an administrator

Please configure it through the plug-in configuration command or the bottom button (do not modify the configuration parameters manually)

It looks like:

Warns 警告：

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

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

Config 配置项

2.0 版本开始你只需要通过插件自带的配置项进行使用即可

Starting with version 2.0, you only need to use the configuration items that come with the plug-in.

Notice 提示

1.点击底部切换背景图按钮 / Click the bottom toggle background button

2.ctrl + shift + P > "backgroundCover - start"

3.ctrl + shift + F7 > "Random update background and restart"

4.VSCode更新版本时会导致背景图消失，需要手动重新设置

Uninstall 卸载

卸载扩展后图片背景还在？这个不是bug,请手动关闭再打开一次vscode会自动执行最后的清理操作，然后重启即可。
Is the picture still there after uninstalling the extension? Please turn off manually and open vscode again, which will automatically perform the final cleaning operation and restart.

Q&A 常见问题:

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

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

Q:How to open vscode with administrator permission??
Q:怎么使用管理员权限打开VSCode呢？ =。=

A:In windows,click right button on the vscode's icon,then check the [run with the administrator authority].
A:在windows环境中，可以右键单击vscode的图标，选择【以管理员身份运行】。

Q:How do I start administrator privileges in MacOS?
Q:在MacOS中怎么启动管理员权限呢？ >_<

A:You can open the application installation package on your computer and find the CSS file in the program for permission modification. Or after selecting the picture in the plug-in, if you do not have write permission, you will be asked to enter the administrator password to obtain the corresponding permission.
A:你可以打开电脑上的应用安装包，找到程序内的CSS文件进行权限修改。或者在该插件中选择图片之后，如果没有写入权限的话则会要求你输入管理员密码来获取对应的权限。

Contributors

对于扩展的贡献者默认都会展示在此列表中，如果不愿意展示此处也可以进行提交pr移除

Information 相关信息

赞助

如果这个插件能够帮助到您，不介意的话，请作者喝一杯咖啡吧:)

Enjoy!

The world is worth fighting for.

vscode-background-cover's People

Contributors

Stargazers

Watchers

vscode-background-cover's Issues

explorer 和终端背景没法一起改么？

如题
感觉只改代工作区背景总有点分裂的感觉
如果终端区域和左边区域也可以换背景就好了

Could not work well with vibrancy.

Hi, I thried to use it with vibrancy, an extension to add transparent aero effect to vsc. However, this extension cannot work after I installed vibrancy.
Since the function of these two extensions are complemented, I think it would be better to let them work together.
Thanks!

能延迟加载图片吗

每次打开vsc 都是图片被渲染出来，然后vsc加载完毕后才变成背景。我看了下代码，好像是把图片弄成css样式的，能不能做到延迟几秒渲染图片呢？比如css延迟几秒动态加载

工程不能用了是不是需要升级一些依赖

描述

几个月之前想写pr 然后发现不能下载依赖了
以为当时是服务器问题现在还是不行
顺着源码看安装脚本它访问的那个文件我手动访问确实是个404

报错信息

PS G:\projects\vscode-background-cover> node -v
v15.5.1
PS G:\projects\vscode-background-cover> npm -v
7.3.0
PS G:\projects\vscode-background-cover> npm i

> [email protected] postinstall
> node ./node_modules/vscode/bin/install

Detected VS Code engine version: ^1.38.0
Error installing vscode.d.ts: Error: Request returned status code: 404
Details: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Error</title>
</head>
<body>
<pre>Cannot GET /api/releases/stable</pre>
</body>
</html>

npm ERR! code 1
npm ERR! path G:\projects\vscode-background-cover
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node ./node_modules/vscode/bin/install

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\kuresaru\AppData\Local\npm-cache\_logs\2021-05-10T05_53_47_975Z-debug.log
PS G:\projects\vscode-background-cover>

手动访问

kuresaru@DESKTOP-8H4VBOH:~$ curl -i 'https://vscode-update.azurewebsites.net/api/releases/stable' -H 'X-API-Version: 2'
HTTP/1.1 404 Not Found
Content-Length: 158
Content-Type: text/html; charset=utf-8
X-Powered-By: Express
Content-Security-Policy: default-src 'self'
X-Content-Type-Options: nosniff
Date: Mon, 10 May 2021 05:57:21 GMT

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Error</title>
</head>
<body>
<pre>Cannot GET /api/releases/stable</pre>
</body>
</html>

real time opacity setting

hello.

getCss.js

.monaco-workbench{background:none !important;}

Users can change opacity in real time with 【 workbench.colorCustomizations 】 for the visibility of code by random image.

"workbench.colorCustomizations": {
    "editor.background": "#00000044", 
    "sideBar.background": "#000000BB",
}

"#44" → "#66" opacity ↑
"#44" → "#22" opacity ↓

problems

the title bar has no color when not active.
opacity bug in【 panel.background 】

compromise plan

panel.background→RGB + css → opacity

getCss.js

.monaco-workbench{background:none !important;}
.monaco-workbench .panel.integrated-terminal{opacity:0.8}

"workbench.colorCustomizations": {
    "editor.background": "#FFFFFF55",
    "sideBar.background": "#FFFFFFCC",
    "panel.background": "#FFFFFF", // ←#FFFFFF66
}

I will not send you a request this time, but please consider.

vscode的闪屏问题

刚打开编辑器的时候会有一个类似于闪屏的效果
[_](url

)

可以多一些图片平铺方式吗？目前的铺满方式对图片的显示不是很友好

开启远程开发后扩展失效及临时解决

vscode发布了预览版的 Remote Development 扩展，我在试用remote wsl中，发现这个扩展安装到wsl后，图片选择无论是本地还是wsl里的，均无效。

后把这个扩展设置为在ui安装并选择本地图片方可：

    "remote.extensionKind":{
        "manasxx.background-cover": "ui"
    }

不过，还是希望评估看看是否需要适配下。

给作者的一些建议

插件很棒！感觉贼爽！
希望下一个版本增加以下功能：内置一些图片源或者可以手动添加一些图库
无需重启切换普片，设置切换图片时间间隔
给作者点赞

更新到 1.54.0 后失效

回退到 1.53.2 才能生效。

每次重新加载时都会说VS Code已损坏。

每次修改透明度，重新加载窗口后都会提示，如图。
以及，透明度1也太暗了，能不能直接就是原图显示呢？

请问你演示的这些背景卡通图片有链接吗？

如题

请问这个扩展不支持Linux吗？

我在Windows下可以正常使用但是在Linux下安装扩展后却没有效果

「建议」能不能让图片默认居中，因为在窗口缩放后，图片的中心都跑到窗口之外了，或者加一个可以调整图片位置的选项

能不能让图片默认居中，因为在窗口缩放后，图片的中心都跑到窗口之外了，或者希望加一个可以调整图片位置的选项

1.35不生效了

刚更新了1.35不生效了。win10和deepin linux都没有生效。。

Linux(Debain,ubunut,centos,fedora...)无法显示图片的权限修改

如果你在linux下插件正常安装而无法正常显示图片.是文件权限造成的.可以把所属用户改成自己常用的用户.如果多用户可以加写权限,具体那个文件望作者补充.这里是直接把目录给了常用用户

 chown -R 你的用户名  /usr/share/code

该命令应该root执行或者sudo 附魔执行确切是那个文件应该作者给出建议

目前设置的图片尺寸是怎么设置的？1024*1080的图片只显示了一点点

请问mac版本的怎么设置？我设置选择了图片，但是无效

我的wins10系统的vscode载入背景图是没问题的，完美展示。但是我用我得mac安装了组件，也是按着步骤来start,并且也选择了一张图片，但是重启vscode，显示无效......不知该如何解决此问题，期望您的解答

custom style css

Hi, i like your plugin, can you make it to support custom css? i like a modifier for the background-size.

卸载后的清理有问题？

选择卸载后，多次重启打开，但是图片仍然存在

opacity设置成0的时候，图片清晰但是文字也看不清了

能参考这个插件，https://marketplace.visualstudio.com/items?itemName=shalldie.background，加一个background.useFront的配置吗。
这个插件分屏的时候效果比较差，就变成两个独立的图片了。

安装插件后，点击右下角的背景更换按钮，选择一张图片时并没有效果？

图片右边有个黑框请问是什么原因，我和的插件有冲突吗

无法启用插件

没有是否启用功能

在setting.json自己强行加上后，显示配置未知

vscode 无法加载css

最近更新后无法使用。和shalldie/vscode-background#165 相同

透明度增强

如标题所示,
我有一些图片希望透明能更加透明一些,期待更新!

非常感谢(｡◕◡◕｡)ﾉ

.jpeg不支持

你好，尊敬的开发者：
.jpeg的图片没有出现在选择列表中啊？？
只支持.png和.jpg吗？？？
希望支持.bmp，.webp，.jpeg等等

字体置于图片前 Put the font in front of the picture

感谢这个插件，让我的VSCODE拥有了良好的使用体验：）

我有一个疑问，现在使用插件的时候，图片是放置于最前面的，也就是，VSCODE中的文字也会出现图片半透明的效果。
我想让文字在图片的上层展示。

效果类似于 background 插件中的 background.useFront 属性

请问可以实现吗？期待您的回复。谢谢。

重复问题忽略

感谢这个插件，让我的VSCODE拥有了良好的使用体验：）

我有一个疑问，现在使用插件的时候，图片是放置于最前面的，也就是，VSCODE中的文字也会出现图片半透明的效果。
我想让文字在图片的上层展示。

效果类似于 background 插件中的 background.useFront 属性

请问可以实现吗？期待您的回复。谢谢。

About the license description

I would like to use this extension, but I can't find any terms and conditions or licensing information.
If there is, please let me know, if not, please write it down.
Thank you very much.
(I use a translator).

如何显示全部图片？

目前只能显示一张图片的一部分，如下所示

这是原图

可以看到插件只显示了图片的一部分。
还有一个问题就是加载的时候，图片会有部分被挡住。

mac 启用后无效

为什么没有示例gif上展示的鼠标交互动态线条

很棒的插件！
为什么没有示例gif上展示的鼠标交互动态线条？
是另外的插件吗，什么名字，很有趣

安装该插件后，vscode启动会有一个“启动图片”，这个是by design的么？

安装使用该插件，设定一张图片后。
每次启动vscode时，都会“一闪而过”先显示一下那张图片，再看到/进入vscode的界面。

这个是by-design的，还是一个bug?

这个一闪而过的“感觉”不太好......

Title shows `[unsupported]` after enabling the background

The extension works perfectly in VS Code but the title shows up like this:

I have tried restarting and reinstalling the theme which didn't help as well.

OS: Windows 10

Choose Picture By DropDown

Sorry if I shouldn't be posting this here, not sure if you take Feature Request on this side

But if you do this is the request

The way it reads the folder path once its provide you can choose any picture in there with a drop down or in the settings without having to find the path or remember the name and so you can easily just change the images on the click of a button.

If I am allowed to feature request here even if this one isn't approved or a good time for release and gets closed please let me know if it's ok to do feature request here (so in the future I can provide more suggestion/request).

Thank you in Advance!

我的 settings.json 文件被清空了。。

不知道是不是我频繁关开 VSCODE，它背景图片换不过来出了 bug 直接清空了。 wtnl

不受支持

顶部显示不受支持,能把它去除掉吗?

侧边栏没有图片

侧边栏没有图片图片没有

当图片文件是符号链接时，该插件无法设置背景

mac下好像无法使用？

在mac下貌似无法使用。通过右下角图标添加了图片之后没有任何效果。通过vscode控制台发现body上好像并没有添加上背景图片相关属性

Image not showing

How to activate the plugin? I've set an image path but nothing has changed. The path is for 100% correct. I tried to set "Auto Status" but it didn't change anything neither.

Version: 1.48.2
Commit: a0479759d6e9ea56afa657e454193f72aef85bd0
Date: 2020-08-25T10:56:10.074Z
Electron: 7.3.2
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Linux x64 5.4.0-42-generic snap (ubuntu 20.04)

卸载之后背景图片还是存在

卸载之后背景图片还是存在，已经关闭重启 vscode 好几次了仍然存在。

imagePath设置引用https图片失败

你好，请教一个配置问题，依照https://github.com/vscode-extension/vscode-background-cover#notice-提示，图片应该是支持https引用吧。

我这里同一张图片，放到本地可以显示；引用远程提示“背景更新失败，请确认路径是否正确”，配置是： "backgroundCover.imagePath": "https://img.saintic.com/ImgBg/VSCodeBgImg/1.jpg"

版本: 1.33.0 (system setup)
提交: 0dd516dd412d42323fc3464531b1c715d51c4c1a
日期: 2019-04-04T15:14:28.026Z
Electron: 3.1.6
Chrome: 66.0.3359.181
Node.js: 10.2.0
V8: 6.6.346.32
OS: Windows_NT x64 10.0.17134

透明度问题

透明度修改无效？

Error whenever I try to set background

I get this error whenever I try to set background...

My OS:
Bodhi Linux 6.0

Steps:

I add a directory and select image
I press Ctrl+Shift+P
And I try to refresh it

Then this error pops up

Readme.md 中的获取管理员权限应该是使用管理员权限打开VSCode

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的图标，选择【以管理员身份运行】。
这里的Q应该是“怎么使用管理员权限打开VSCode呢？”

如何设置图片显示的位置和大小呢

如题

ashujiao / vscode-background-cover Goto Github PK

vscode-background-cover's Introduction

VS Code - Background Cover

It looks like:

Warns 警告：

Config 配置项

Notice 提示

Uninstall 卸载

Q&A 常见问题:

最近更新日志

ver 2.5.0 (2024/05/26)

Thanks 感谢

Contributors

Information 相关信息

vscode-background-cover's People

Contributors

Stargazers

Watchers

Forkers

vscode-background-cover's Issues

描述

报错信息

手动访问

problems

compromise plan

Recommend Projects

Recommend Topics

Recommend Org