分享一个VS Code非常有趣好玩的一个插件（页面半透明化）

最新推荐文章于 2025-11-03 17:43:56 发布
原创 最新推荐文章于 2025-11-03 17:43:56 发布 · 3k 阅读 · 20 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #经验分享 #学习

文章介绍了如何通过VSCode的GlassIt插件实现编辑器页面的半透明效果，只需三步安装，完成后可以通过快捷键ctrl+alt+z增加和ctrl+alt+c降低透明度，为编程环境增添个性化风格。

分享一个VS Code非常有趣好玩的一个插件（页面半透明化）

博主：命运之光

在这里插入图片描述

目录

前言

今天刚巧看同学用VS Code写代码，看到他VS Code的是半透明化的感觉很好看，于是就自己也学着弄了一个(●’◡’●)感觉非常不错🤭安装过程非常简单大家感兴趣的可以尝试安装一下

成品展示

请添加图片描述

安装步骤如下（三步）

第一步

在VS Code中安装插件glassit

请添加图片描述

第二步

安装成功后直接显示出了透明效果(●’◡’●)

请添加图片描述

第三步

插件中的快捷键使用
1.ctrl+alt+z增加透明度
2.ctrl+alt+c降低透明度

请添加图片描述

结语

个人感觉这样的页面很酷，喜欢的猿子们可以安装着玩一玩(●’◡’●)

在这里插入图片描述

CodeMirror使用： 编写一个在线编辑HTML、JS、CSS文件，网页的模板页面-初实现
伊甸园的博客
04-09 5928
CodeMirror 是一个强大的基于浏览器的文本编辑器组件，主要用于网页中创建可编辑的源代码区域，特别适用于编写和展示程序代码。它支持多种编程语言的语法高亮、代码折叠、自动补全、查找替换等多种高级编辑特性。
VS Code 使用攻略一：插件机制和配置文件机制，修改插件安装位置
hjyp的博客
02-28 4705
目录VS Code概述VS Code安装VS Code运行整体原理认识配置文件机制插件机制更改插件的安装位置具体操作参考链接 VS Code概述 VS Code是一款优秀的代码编辑和调试IDE，它不同于jetbrains家产品：一种产品只适用于一种语言。VS Code 可以调试多种语言，只需要提前安装好每种语言的编译器和插件即可，这里插一句插件的作用，因为VS Code是开源的，所以每个人都可以编写自己的插件实现特定的功能用到VS Code上，灵活度大大提高，接下来我们来慢慢了解VS Code这款编辑器~
推荐VScode十大实用插件
程序IT圈
12-19 1万+
本文来源于：老袁聊前端宇宙最好用的编译器：Vscode，推荐以下十大使用插件！1.代码智能提示Kite AI Code AutoCompleteKite 支持js与python的多行补全...
VSCode半透明插件
05-03
VSC主题插件，半透明主题大家！美化VSC必备高大山插件！有说明书
你真的会调VSCode透明度吗？这6个细节决定你的开发体验
最新发布
FuncIsle的博客
11-03 561
掌握VSCode主题背景透明度调整技巧，提升代码阅读舒适度与界面美观。涵盖设置步骤、推荐插件、兼容性配置等6个关键细节，适用于暗色/亮色主题及多显示器场景。优化视觉体验，减少疲劳，值得收藏。
VSCode设置透明度（半透明）
mbest6的博客
05-26 4万+
       想让VSCode变得半透明的可安装插件Windows opacity，直接在扩展里搜索即可，安装完成后，可能会有默认的透明度，如果想修改可点击 文件->首选项->设置,在搜索框搜索winopacity.opacity这个参数，可设置为0~255,255是完全不透明。    ...
【VSCode】 透明度插件 以桌面为背景
qq_41032991的博客
07-22 3734
插件名称：Glasslt-VSC 效果展示 快捷键 ctrl+alt+c 透明度变低 ctrl+alt+z 透明度提高 相关设置 file->preferences->settings 上边是透明度 下边是使用快捷键时每次改变的值
vscode主题背景插件_vscode 全透明背景图
weixin_39984442的博客
12-20 1367
一.前言08.02更新：已魔改插件 可以直接下载插件使用了10.18跟新：已发布到vscode扩展，直接搜索“background-cover”进行安装使用下载地址下载后手动安装就ok了，具体配置安装后点开插件有说明的！！！今天看到了博客园 这篇文章 后Visual Studio 2017 设置透明背景图 ，琢磨了下难道vscode不行吗。。vscode目前有一个设置背景的插件back...
怎么把vscode窗口调透明(linux版本)
qq_43209654的博客
06-12 3498
vscode在linux上设置窗口透明度
打造VS编辑器全透明背景的个性化插件
- 博客帖子的内容可能包括了如何启动一个VS插件项目、如何实现特定功能（比如全透明背景）、以及如何打包和分发插件给其他用户。 - 这篇博客文章可能提供了一步步的教程，引导开发者创建一个扩展VS IDE的插件，这...
2020年，前端开发者必备的10个VS Code扩展插件
读芯术的博客
12-11 4265
全文共1689字，预计学习时长5分钟 图源：Unsplash 在2017年，VSCode有260万月活跃用户（这是我找到的最新官方数据，现在肯定更多），可以说是目前最好的代码编辑器。 它最大的一个特点是，插件多可自定义。 MarketPlace（插件商店）提供了大量扩展插件，开发人员完全可以根据需求进行自定义设置，这也有助于编写高质量的代码。 本文将为编写HTML，C...
【愚公系列】《微信小程序与云开发从入门到实践》041-开发一个移动记事本小程序
热门推荐
时光隧道
09-22 8万+
在快节奏的生活中，记事本成为了人们记录灵感、待办事项和生活琐事的重要工具。随着小程序的兴起，开发一个移动记事本小程序不仅方便了用户的日常使用，也为开发者提供了一个锻炼技能的绝佳机会。通过小程序，我们能够将简单的记事功能与丰富的用户体验结合起来，让用户随时随地记录下重要的想法和任务。在本篇文章中，我们将带您一步步实现一个功能完善的移动记事本小程序。我们将从小程序的基本结构入手，详细讲解如何实现记事的增、删、改、查功能，并介绍数据持久化的方法，以确保用户的记事内容不会丢失。
VScode透明主题
wsgzy的博客
10-31 3168
VScode是很多人常用的编码工具。 所以他如何设置一个透明的主题呢？废话不多说直接上图。 在VScode商店直接搜索图片上的插件安装 这样设置透明程度。 很简单的。
Visual Studio Code 编辑器透明化设置
Mr_Bobcp的博客
07-07 2万+
在使用了一些插件，观察效果后，选择了 Windows opacity 作为最理想效果插件，在vscode的插件市场搜索Windows opacity就能找到。
vscode 透明_打造酷炫透明的 vscode 编辑器
weixin_34550241的博客
01-30 1812
最终效果：毛玻璃必要插件首先安装vscode-custom-css[1]样式配置在一个不会移动的位置新建文件：custom.csshtml { background: transparent !important;}.scroll-decoration { box-shadow: none !important;}.minimap { opacity: 0.6;}.e...
VSCode半透明主题插件 - 个性化代码编辑器
weixin_31620365的博客
07-28 1004
在现代的开发环境中，良好的用户体验与个性化的定制已经成为提升工作效率的关键。VSCode半透明插件正是基于此理念开发的，旨在为用户提供一种新颖的视觉体验，同时不牺牲代码编辑器的实用性。通过实现界面元素的半透明效果，该插件帮助用户在进行日常编码工作时减轻眼睛疲劳，并且通过视觉上的轻盈感增强沉浸式编程体验。接下来，我们将深入了解如何定制这款插件以适应个人需求，并探索它在视觉体验上的潜在优势。在 VSCode 中，主题设置不仅仅是为了好看，它们在提高代码可读性和工作效率方面扮演着重要的角色。
vscode修改窗口透明度
...
09-16 3981
增加窗口透明度：ctrl+alt+z 减少窗口透明度：ctrl+alt+c 参考资料：https://dev.to/emmanuelnk/how-to-be-cool-and-make-vscode-transparent-56ib
220323-MacOS下的VsCode半透明主题设置
专注机器学习之路
03-23 3563
MacOS下的VsCode半透明主题设置 参考： https://marketplace.visualstudio.com/items?itemName=eyhn.vscode-vibrancy https://marketplace.visualstudio.com/items?itemName=eyhn.vscode-vibrancy https://eyhn.in/vscode-vibrancy/
vscode插件推荐
qq_57749525的博客
01-15 641
1.代码智能提示 Kite AI Code AutoComplete Visual Studio IntelliCode JavaScript(ES6) code snippets Tabnine Autocomplete AI 2.主题+文件夹Icons Night Owl One Dark Pro Material Theme Ayu Material Theme Icons Dracula Theme vscode-icons 3.大型项目新建文件 advand-new-fil
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

命运之光

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值