开发了个 VS Code 插件,可以增强编辑器的背景,提高前端开发效率

2021-05-03 13:44:44 +08:00
 jawei

自从转 Mac 阵营以后,就饱受不能设置窗口透明之苦,再也不能愉快的把图片、网页、视频之类的放在窗口后面,边看边写代码,于是开发了这个插件解决这个问题,效果如下图。

网页作为背景,GIF 演示地址

设计图集作为背景,GIF 演示地址

欢迎感兴趣的朋友可以安装体验,插件市场搜索 SuperBG 即可安装(代码地址 https://github.com/jaweii/superBGgithub.com)

5886 次点击
所在节点    Visual Studio Code
20 条回复
learningman
2021-05-03 14:20:46 +08:00
二刺螈,二刺螈.webp
imn1
2021-05-03 14:40:44 +08:00
增强编辑器的背景,提高前端开发效率

我挺好奇这两者之间的逻辑
BeautifulSoap
2021-05-03 15:00:05 +08:00
@imn1 lz 的意思应该是说把网页直接垫到代码下面,这样就能直接看到改动了。多显示器或分窗口的确也是个解决办法,但是每次要看都要扭头或移动眼球,这直接连头都不用扭就能看到预览的确是有些帮助

不过看 lz 的实现,似乎并不是直接让 vs 的窗口透明,而是在代码下放了个图层。不知道是 mac 没法实现透明窗口还是 vs 没有相关接口
agdhole
2021-05-03 15:15:24 +08:00
对小屏很友好,看起来挺实用
agdhole
2021-05-03 15:16:37 +08:00
又看了一眼,还以为是实时预览浏览器内的开发页面,结果是放图片啊
gowa
2021-05-03 15:27:16 +08:00
你解释一下:更换背景和提高工作效率的逻辑是什么。
bequt
2021-05-03 16:02:40 +08:00
没啥效果啊
brianinzz
2021-05-03 16:11:01 +08:00
心情愉悦 = 增加开发效率。 想了一下也没啥问题
jawei
2021-05-03 16:36:52 +08:00
@imn1 三楼说的对
jawei
2021-05-03 16:37:26 +08:00
@BeautifulSoap Mac 不支持窗口透明,只能除此下册了
jawei
2021-05-03 16:38:02 +08:00
@agdhole 还可以把 URL 作为背景
caliburn1994
2021-05-03 20:46:56 +08:00
女装也可以提高开发效率😉
FightPig
2021-05-03 21:03:49 +08:00
@jawei mac 要窗口透明可以用 AfloatX
xwhxbg
2021-05-03 23:29:42 +08:00
feature request:自动轮播~
xwhxbg
2021-05-03 23:30:21 +08:00
忽略我,原来可以直接写 js,自己写个循环就行了
Shook
2021-05-04 02:28:12 +08:00
很痛苦
gouflv
2021-05-04 07:05:38 +08:00
咸鱼买个显示器不好吗
sillydaddy
2021-05-04 13:28:06 +08:00
很好玩啊。有的时候背景放个电影也挺好。
linkdesu
2021-05-04 13:47:50 +08:00
@BeautifulSoap 居然还有这种用法,第一次知道👍
TabGre
2021-05-05 05:18:26 +08:00
vscode 有什么好办法实现函数或者的点击跳转吗?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/774735

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX