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

于 2023-04-24 20:32:30 发布
阅读量1.8k 收藏 17
点赞数 21
文章标签： vscode 经验分享 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/VLOKL/article/details/130351211
版权

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

博主：命运之光

在这里插入图片描述

目录

前言

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

成品展示

请添加图片描述

安装步骤如下（三步）

第一步

在VS Code中安装插件glassit

请添加图片描述

第二步

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

请添加图片描述

第三步

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

请添加图片描述

结语

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

在这里插入图片描述

命运之光
关注
  • 21
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 16
    评论
vscode-icons-figma:一个使用VS Code图标的Figma插件
03-26
【标题解析】：“vscode-icons-figma”是一个Figma插件，它的主要功能是将Visual Studio Code（VS Code）的图标集应用到Figma设计工具中，为设计师提供了一种方便的方式来使用与VS Code风格一致的图标。 【描述解析...
基于CodeMirror的一个在线sql编辑工具
04-17
* 左侧提供数据库表字段树形结构，可拖拽到sql编辑框。 * 输入首字母可提示表名字段名（表名字段名可自定义） 。 *括号高亮匹配。 * 执行与中断功能。 * 自定义外部接口获取sql关键词、函数、表字段等...* sql格式化。
推荐VScode十大实用插件
程序IT圈
12-19 1万+
本文来源于：老袁聊前端宇宙最好用的编译器：Vscode，推荐以下十大使用插件！1.代码智能提示Kite AI Code AutoCompleteKite 支持js与python的多行补全...
VScode 透明背景设置
weixin_45743799的博客
12-20 3961
我们通常使用VScode开发项目，时间长了不免有些疲惫，在此教给大家一个设置VScode 透明背景的方法，给大家的代码之旅带来一点乐趣。 1.首先在vscode扩展中，找到并下载background这个插件，快捷键Ctrl+shift+x 2.完成第一步就已经有默认背景了，可是想设置自己喜欢的透明背景图片怎么办？往下看 打开 File>preferences>Settings 在顶端...
让你的vscode和你一样美美哒（vscode美化透明背景壁纸）
qq_45549336的博客
08-06 9555
全屏背景 下载background-cover 点击屏幕右下角 vscode正上方顶部弹出选项 根据页面变化的图标 下载background 按下ctrl+，进入设置，搜索background，进入json文件配置 配置如下 //background 的相关配置 "update.enableWindowsBackgroundUpdates": true, "background.customImages": [ "file:///F:/背景/4K/5853bc7ce
【环境配置】vscode相关插件配置
Gorgeous_wxd
06-28 228
通用美化篇 Chinese (Simplified) Language Pack for Visual Studio Code VSCODE中文简体语言包 Bracket Pair Colorizer 2 用于高亮括号匹配 通用工具篇 Python语言篇 C++语言篇
vscode 透明_打造酷炫透明的 vscode 编辑器
weixin_34550241的博客
01-30 1580
最终效果：毛玻璃必要插件首先安装vscode-custom-css[1]样式配置在一个不会移动的位置新建文件：custom.csshtml { background: transparent !important;}.scroll-decoration { box-shadow: none !important;}.minimap { opacity: 0.6;}.e...
vscode使用
吃不饱、力不足的博客
06-10 534
1. ctrl b 关闭打开资源管理器（左边栏） 2. 设置半透明模式：VSCode设置透明度（半透明）
Vs Code中8个好用的python 扩展插件
12-16
对于Git版本控制，Git Graph提供了一个图形化的界面，清晰展示分支历史和提交记录。用户可以轻松创建、切换分支，执行cherry pick、merge等操作，对比分支和查看未提交的改动，是Git操作的得力助手。 5. **Python ...
vscode-figma-themer:一个Figma插件来设计VS Code主题
05-08
vscode-themer 一个Figma插件来设计VS Code主题演示版建造运行tsc -w或者如果您使用的是 ，则可以使用Cmd/Ctrl+Shift+B触发默认的构建任务。去做 创建Figma示例文件（通过社区页面） 使用Webpack捆绑所有内容 添加对...
visual studio 2017全透明主题_目前最完整的无bug版本 放心食用
04-15
如果不懂如何设置的可以类比网上的vs透明主题(推荐MoeIDE而不是Claudia ) 本人只修改了environment 和 searchcontrol 以及 ClientDiagnosticsTools → MenuFocus 其余未做修改，如果bug可以反馈哟 反正我目前是还没遇到 更改字体和字体颜色食用效果更佳
15个好用的VS Code插件
最新发布
03-19
15个好用的VS Code插件
MockGenerator：一个AppCode插件，可帮助自动生成Swift测试值
02-06
一个AppCode插件，可自动生成间谍，存根和虚拟类。 为AppCode安装Swift Mock Generator 打开AppCode 打开AppCode→首选项⌘, 转到插件 单击浏览存储库... 搜索“ AppCode的快速模拟生成器” 点击安装 重新...
code的插件，一个是必须安装的，一个是配合的
05-13
标题中的"code的插件，一个是必须安装的，一个是配合的"表明了我们要讨论的是与代码编辑器相关的插件，特别是对于Visual Studio Code (VS Code) 这样的流行开发工具。VS Code是一款由Microsoft开发的免费、开源的...
利用VS Code开发你的第一个AngularJS 2应用程序
10-18
1. **初始化项目目录**：首先，创建一个名为`angular2-quickstart`的文件夹，然后在VS Code中打开这个文件夹。 2. **生成`package.json`**：在根目录下创建`package.json`文件，定义项目的依赖和脚本。这里包含了...
VSCode设置透明背景,解决透明度导致全局字体模糊问题
yeqifeng2288的博客
01-17 7789
VSCode 设置透明背景，解决透明度的问题但这个方法有点个确定，就是透明度的问题，照片透明度越高，那么字体的透明度也高，导致代码或者菜单选项看不清 网上找到的大多数教程都是使用这个方法 /*background start*/ body{pointer-events:auto !important;background-size:100% !important;opacity: 0.93 !im...
精选！15 个必备的 VSCode 插件（前端类）
热门推荐
土家稀哥
07-17 3万+
Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的收集了一些实用、有趣的插件与大家分享。 1. Open-In-Browser
VSCODE 插件初探
weixin_30496751的博客
05-17 503
写在前面 分享一个vscode插件background(用于改变背景)。点击直接跳到vscode插件开发步骤 做vscode的插件，很久就有这个想法了，但是一直因为这样，那样的事情耽误，放弃了N次。不过确实让我对文档有了个直观的了解。 上周末的时候因为测试妹纸要加班测试，让我也到公司加班，等待可能出现的bug这理由听着就扯淡 当然一群妹纸都到公司等着了，我也必须去......于是...
如何配置透明发光的骚气 vscode —— Jinkey 原创
weixin_33834910的博客
05-15 1650
原文链接 jinkey.ai/post/tech/r… 转载请注明出处 1 安装自定义 JS 和 CSS 插件 2 安装发光主题 3 添加样式配置文件 在 VSCode 安装目录（自己随便选择一个文件夹也可以），放入以下文件。 为了方便下载，文件整理到了 Github-Jinkeycode/vscode-transparent-glow，欢迎 star。 enable-electron-v...
visual code中有没有可以直接浏览一个vue页面的插件
06-11
Visual Studio Code中提供了一些可以直接浏览Vue页面的插件，以下是其中几个： 1. Vetur：Vue.js的开发工具包，提供了语法高亮、错误检查、自动完成等功能，可以直接在Visual Studio Code中浏览和编辑Vue页面。 2. Vue Peek：Vue.js的组件定义和引用的快速跳转工具，可以在Visual Studio Code中快速查看Vue组件的定义和使用。 3. Vue VSCode Snippets：Vue.js的代码片段集合，可以在Visual Studio Code中通过快捷键快速插入Vue组件的代码片段。 4. Vue 3 Snippets：Vue.js 3的代码片段集合，可以在Visual Studio Code中通过快捷键快速插入Vue 3组件的代码片段。 5. Vue Inline Template：Vue.js的模板内联工具，可以在Visual Studio Code中直接预览Vue组件的模板部分，提高开发效率。 这些插件可以在Visual Studio Code中提供更好的Vue开发体验，可以让开发者更高效地浏览和编辑Vue页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

命运之光

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

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

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

打赏作者

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

抵扣说明：

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

余额充值