VSLook:一款超强大的 VS Code 主题编辑工具

奇妙的Linux世界 2024-01-22 14:37:34编程技术
30

编程.jpg

我知道,一般来说,开发人员喜欢个性化的东西,比如把贴纸贴在他们的笔记本电脑上、汽车上、啤酒肚上,甚至是他们的孩子身上,因为我也是开发人员啊~

如果你也有这种爱好,并且也长时间使用 VS Code 的话,那么我给你推荐一个扩展 - VSLook,它允许你更改 VS Code 中所有元素的颜色,我们可以使用 VSLook 来创建自己的 VS Code 主题,你可以使用 Tailwind 和 Material 颜色,也可以创建自己的颜色。

VSLook.gif

安装

直接前往 VS Code 插件市场 Marketplace,地址:https://marketplace.visualstudio.com/items?itemName=sudoaugustin.vslook,安装 VSLook 插件即可。

VSLook2.jpg

点击 Install 按钮打开 VS Code,跳转到插件安装页面,点击安装即可。

VSLook3.jpg

使用

安装后可以直接点击页面上面的 Set Color Theme 按钮选择 VSLook 的主题。

VSLook4.jpg

选择后如果要自己编辑主题,则可以使用 Ctrl+Shift+P 按钮打开命面板,输入 VSLook: Edit 回车进入主题编辑界面。

VSLook5.jpg

编辑界面会在 VS Code 右侧打开,可编辑的主题颜色有很多组件,包括 Components、Layouts、Editors、Syntaxes 等等,每个组件下面都包含非常多的可编辑的内容,比如文本颜色、链接颜色、按钮颜色等等,我们可以根据自己的喜好。

VSLook6.jpg

我们可以直接选择内置的颜色方案,也可以从颜色选择器创建颜色变量,它将与调色板合并。

VSLook7.jpg

但是该工具上手有点痛苦,因为要更改的设置太多了,不过该插件的开发人员已经实现了一个文档来指导你,地址 https://github.com/sudoaugustin/vslook/blob/main/.github/docs/styling.md ,根据该文档我们可以来了解每个配置选项控制的什么区域。

比如文本相关配置的地方如下图所示:Selection、Text、Quote、Link、Code、Error 等等。图片

   VSLook8.jpg

Git 仓库:https://github.com/sudoaugustin/vslook

vslook vs code 工具
THE END
tom
不图事事圆满 但图事事甘心。

相关推荐

svg编辑器有哪些:6款超好用的svg编辑工具推荐
SVG(Scalable Vector Graphics)作为一种矢量图形格式,因其可缩放性和高清晰度,在现代网页设计和图形处理中越来越受欢迎。本文ZHANID将介绍6款超好用的SVG编辑工具,并分析...
2024-07-12 电脑知识
109

站长工具网:浅谈百度SEO优化和抖音SEO优化的区别
在中国,百度作为最大的搜索引擎,其SEO策略一直是企业和营销人员关注的重点。然而,随着短视频平台的崛起,尤其是抖音(TikTok)的迅速发展,抖音SEO优化也开始受到重视。本...
2024-07-12 站长之家
108

VS Code上搭建C/C++开发环境图文详解
Visual Studio Code (VS Code) 是一款轻量级但功能强大的源代码编辑器,它支持多种编程语言,并通过扩展提供了丰富的开发工具。本文将详细讲解如何在 VS Code 上搭建一个高效...
2024-07-11 编程技术
109

站长工具网:如何使用nofollow标签控制网页内链权重分布
nofollow标签作为一种有效的工具,可以帮助网站管理员更好地管理和优化内部链接结构,从而实现权重的合理分配。本文站长工具网将深入探讨nofollow标签的使用方法及其在控制网...
2024-07-09 站长之家
109

百度站长平台快速抓取工具申请及使用方法
对于站长而言,如何快速有效地让搜索引擎抓取并更新自己的网站内容,成为了一个至关重要的课题。百度作为中国最大的搜索引擎,其站长平台提供的快速抓取工具无疑是广大站长们...
2024-07-05 站长之家
116

Visual Studio Code(VS Code) 1.91 正式发布:创新功能与改进提升开发体验
微软公司近日宣布正式发布Visual Studio Code(VS Code)2024年6月版(版本号1.91),带来了一系列令人期待的新功能和改进,旨在进一步提升开发者的编码体验。Visual Studio ...
2024-07-04 新闻资讯
109