GithubHelp home page GithubHelp logo

ashujiao / vscode-background-cover Goto Github PK

View Code? Open in Web Editor NEW
268.0 268.0 27.0 3.42 MB

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

License: MIT License

TypeScript 100.00%
vscode vscode-background

vscode-background-cover's Introduction

Anurag's github stats Top Langs

vscode-background-cover's People

Contributors

ashujiao avatar dependabot[bot] avatar hhdqirui avatar hot3 avatar kuresaru avatar lauset avatar reaink avatar rogeraabbccdd avatar xiaopangju avatar yjhmelody avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

vscode-background-cover's Issues

.jpeg不支持

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

如何显示全部图片?

目前只能显示一张图片的一部分,如下所示
image
这是原图
image
可以看到插件只显示了图片的一部分。
还有一个问题就是加载的时候,图片会有部分被挡住。
image

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

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

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

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

给作者的一些建议

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

无法启用插件

企业微信截图_15622317728422
没有是否启用功能

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

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 】

bug_bg

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
}

white_bg

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

不受支持

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

能延迟加载图片吗

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

重复问题 忽略

感谢这个插件,让我的VSCODE拥有了良好的使用体验:)

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

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

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

Error whenever I try to set background

I get this error whenever I try to set background...
shot-2021-06-25_16-24-08

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
shot-2021-06-25_16-24-08

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

感谢这个插件,让我的VSCODE拥有了良好的使用体验:)

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

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

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

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呢?”

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)

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!

透明度增强

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

1

非常感谢(。◕◡◕。)ノ

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

描述

几个月之前想写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>

custom style css

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

1.35不生效了

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

mac下好像无法使用?

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

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).

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!

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

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

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

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

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

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.