VSCode美化

已于 2024-04-02 16:22:36 修改
阅读量1.8k 收藏 17
点赞数 13
分类专栏： 开发工具 文章标签： vscode
于 2024-04-02 16:07:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/schaffer_w/article/details/137273571
版权

今天有空收拾了一下VSCode，页面如下，个人觉得还是挺好看的~~
在这里插入图片描述

1. 主题

Noctis
色彩较多，有种繁杂美。
在这里插入图片描述
我使用的是浅色主题的一款Noctis Hibernus
在这里插入图片描述

2. 字体

Maple Mono
官网：Maple-Font
我只安装了下图两个字体，使用的是
在这里插入图片描述

2.1 VSCode设置字体

在这里插入图片描述

3. 背景

background
在这里插入图片描述

3.1 VSCode设置背景图

在这里插入图片描述

4. 彩虹缩进

indent-rainbow
在这里插入图片描述

5. 文件图标

Material Icon Theme
在这里插入图片描述

Schafferyy
关注
专栏目录
记录 | vscode json美化插件JSON Tools
极智视界
01-06 1174
记录 | vscode json美化插件JSON Tools
美腻！Visual Studio Code 界面毛玻璃效果！
maczhushou的博客
09-11 3028
VSCode真的是一款强大的编程软件：它拥有众多类型的扩展和第三方库以及支持众多编程语言。在搭建并配置博客的过程中，本地静态博客的配置文件比如.yml.json.css.swig等各种格式的文件都可以用它打开并修改。如果它拥有一个更为漂亮简洁的UI界面，那势必会使生产力翻倍了！!! 本文介绍如何实现VS Code界面的毛玻璃效果~ 毛玻璃效果❌以及霓虹主题✅界面效果： 霓虹主题：代码高亮且呈现彩虹色???? 毛玻璃效果：界面半透明状态 –> 类似于模糊桌面背景 霓虹主题效果： 毛玻璃
【Visual Studio Code教程3】VSCode工作台的美化
最新发布
2401_83116349的博客
08-11 1830
VSCode教程
必看！VSCode字体界面美化教程
分享知识和经验，只出精品~
10-24 3万+
VSCode是一款轻量级开源编辑器，在Windows版本中默认的UI其显示效果肯定是没有在Mac中好的，其中一个重要的原因就是Mac所使用的中文字体苹方和英文字体SF Pro以及Mac独特的渲染机制，使得界面看起来更加舒适美观，所以本期教程教授大家如何更换VSCode的界面字体，以达到在Win平台下所能达到最佳的视觉体验。
vscode的终端美化
NolanKy 的 技术博客
12-02 4348
vscode终端主题： https://glitchbone.github.io/vscode-base16-term/#/ 进入网站 点击Copy to clipboard，粘贴到主题美化代码 进入vscode setting配置 将复制的代码放进去 我的配置如下 "workbench.colorCustomizations": { "terminal.background": "#F5F7FF", "terminal.foreground": "#5E6687", "ter
vscode美化
Nozidoali的博客
08-15 152
参考资料： A Guide to Beautifying Visual Studio Code --Medium Ligatures: { "editor.fontFamily": "Fira Code", "editor.fontLigatures": true } Path Intellisense Bracket Pair Colorizer
VS Code主题设置（美化VS Code）（主题+背景+图标+特效+字体）
前端萌新
02-13 2万+
VS Code主题，背景，字体设置
vscode美化插件
08-28
VSCode有很多美化插件可以让你的编辑器界面更漂亮。其中一些常用的美化插件包括: 1. Material Theme: 这个插件提供了一套现代化的主题，包括不同的颜色和图标，可以让你的编辑器界面更加美观。 2. vscode-icons: ...
vscode美化代码
09-12
要在VS Code中美化代码，你可以使用一个名为"Visual Studio代码美化JSON扩展"的插件。首先，在VS Code中按下F1，然后输入"美化JSON"来搜索并选择该插件。该插件能够美化看起来不清晰的JSON代码，使其更加可读和整洁...
VScode 基础使用——美化+快捷键
Joker_H_的博客
04-23 1676
VScode学习 主题美化常用 主题（Theme） Material Theme（配套使用） 图标（Icon） Material Theme Icons（需要生效之后才能使用） Helium Icon Thene VScode 快捷键操作 窗口视图 功能 win快捷键 打开控制面板： Ctrl+Shift+P,F1 打开设置： Ctrl+, 打开终端： Ctrl+’ 打开侧栏： Ctrl+B 打开新窗口： Ctrl+Shift+N 关闭： Ctrl+Shift
Windows 11和vscode终端美化
梅花寺
10-10 1580
在Windows Terminal里执行下面命令这时oh-my-posh会设置一个默认的主题（只要看到彩色的字体，应该就是设置成功啦）如果想要设置其它主题的话，可以在执行查看所有可设置的主题在执行完命令输出所有主题的样式后，会在最后告诉我们所有主题文件的路径，以及怎么设置主题；
Visual Studio Code 安装美化合集
测试0901-1
12-18 730
这是一个关于VSCode编辑器的各种配置。 你可以在这里找到VSCode 的各种操作，如果这里找不到，请移步官方文档C++ programming with Visual Studio Code以及各个插件的帮助文档中找到。 Visual Studio Code 安装以及C/C++运行环境搭建 Visual Studio Code 安装Python环境...
VsCode美化 - VsCode自定义 - VsCode自定义背景图
<font color="Pink">Tisfy的博客</font>
08-10 1362
VsCode美化 - VsCode自定义 - VsCode自定义背景图 作为一个二刺螈，VsCode用久了，总觉得少了些什么。是啊，高效的代码生产工具中怎么能没有老婆呢？ 那就安装一个VsCode插件把老婆添加到VsCode中吧！
vscode 终端美化
m0_49448331的博客
01-10 6467
1. 进入网站2. 选择自己喜欢的主题 点击Copy to3. 打开vscode →设置→输入setting→在 settings.json中编辑4. 进入页面后把刚刚复制的内容粘贴进去在这里粘贴。
优化VSCode：让你的VSCode变得好用又美观
热门推荐
Cykinter的博客
02-12 4万+
万字长文！打造最顺手的vscode！ 不多废话，开整！ 文章目录基本设置好用的插件及其相关设置通用驼峰翻译助手：不再让取变量名成为一件难事Bracket Pair Colorizer 2：美观的彩虹括号，让你不再为繁杂的括号烦恼Chinese (Simplified) Language Pack for Visual Studio Code：必不可少的中文插件Code Runner：以最简洁的方式运行任何代码Polacode-2020：分享更漂亮的代码片段TODO Highlight：高亮你的*TODO*V
【宇宙最强编辑器VS Code】（二）美化VS Code（更换主题和文件图标主题、设置背景图片）
Mculover666的博客（嵌入式）
04-30 3万+
1.VSCode更换主题 1.1.更换内置主题 选择文件->首选项->颜色主题进入主题设置界面，按上下箭头预览主题，按回车更换主题： 1.2.使用扩展主题 在插件扩展面板中搜索theme，安装第三方主题，然后更换： 2.VSCode更换文件图标主题 2.1.更换内置文件图标主题 选择文件->首选项->文件图标主题进入主题设置界面，按上下箭头预览主题，按回车更换主题： ...
vscode美化：主题切换+背景图片设置
qq_57210034的博客
05-27 8688
目录 1.主题切换 1.1 使用vscode自带的主题 1.2 使用插件 2.背景图片设置 2.1 内部配置文件设置（自定义） 2.2 安装插件-[background] 2.3 安装插件-[background-cover](推荐) 1.主题切换 1.1 使用vscode自带的主题 步骤：文件——首选项——颜色主题（快捷键Ctrl+K或Ctrl+T） 选择你喜欢的主题。 (✪ω✪) 1.2 使用插件 ∑(っ°Д°;)っ卧槽，不见了 2.背景图片设置 2
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值