VSCode美化

已于 2024-04-02 16:22:36 修改
阅读量2.3k 收藏 19
点赞数 13
分类专栏： 开发工具 文章标签： vscode
于 2024-04-02 16:07:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Schaffer_W/article/details/137273571
版权
本文分享了作者如何整理和优化VisualStudioCode(VSCode)的界面，包括使用Noctis主题、浅色配色方案NoctisHibernus、MapleMono字体、自定义背景图、彩虹缩进和MaterialIconTheme文件图标。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

1. 主题

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

2. 字体

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

2.1 VSCode设置字体

在这里插入图片描述

3. 背景

最低0.47元/天 解锁文章
VSCode - 快捷键美化 Json 代码
小田的笔记簿
11-01 418
单独对一段代码，输入 Command + J 也可以美化。即使文件没有被保存为。
Vscode个性化设置教程——颜色，字体，粒子特效，个性化动漫背景
数据库爆破专家的博客
04-16 2万+
不知道你使用vscode编辑器后，有没有自己设置过个性化的工作界面？ 要是你已经具备自己满意的界面了，可以绕行，该篇为小白准备，让我们开启一段个性化的设置之旅 文章目录一，个性化颜色 ---->>>>>>>>>> 一，个性化颜色 初次使用vscode可能是一套简单的白底黑字界面，想要黑色，红色，绚蓝色，怎么办呢？ 点击步骤: 文件-&g...
必看！VSCode字体界面美化教程
分享知识和经验，只出精品~
10-24 4万+
VSCode是一款轻量级开源编辑器，在Windows版本中默认的UI其显示效果肯定是没有在Mac中好的，其中一个重要的原因就是Mac所使用的中文字体苹方和英文字体SF Pro以及Mac独特的渲染机制，使得界面看起来更加舒适美观，所以本期教程教授大家如何更换VSCode的界面字体，以达到在Win平台下所能达到最佳的视觉体验。
优化VsCode终端样式
最新发布
qq_53132438的博客
03-16 325
【代码】优化VsCode终端样式。
vscode的终端美化
NolanKy 的 技术博客
12-02 4558
vscode终端主题： https://glitchbone.github.io/vscode-base16-term/#/ 进入网站 点击Copy to clipboard，粘贴到主题美化代码 进入vscode setting配置 将复制的代码放进去 我的配置如下 "workbench.colorCustomizations": { "terminal.background": "#F5F7FF", "terminal.foreground": "#5E6687", "ter
VS Code主题设置（美化VS Code）（主题+背景+图标+特效+字体）
热门推荐
前端萌新
02-13 6万+
VS Code主题，背景，字体设置
vscode美化
Nozidoali的博客
08-15 166
参考资料： A Guide to Beautifying Visual Studio Code --Medium Ligatures: { "editor.fontFamily": "Fira Code", "editor.fontLigatures": true } Path Intellisense Bracket Pair Colorizer
Vscode美化Matlab以及Matlab终端
weixin_51037539的博客
05-10 2538
Vscode配置Matlab环境和美化（包括终端） 这学期选修了数学建模的课程，老师给的matlab安装包是一个远古版本，所以自己花了一个小时装了一个Matlab2020b，具体教程看这位博主的Matlab安装教程，然后由于本人是个编辑器颜值党，所以在做第二次Matlab作业的时候终于忍受不了Matlab的UI和代码提示功能，所以花费了半个小时在VScode上面安装插件实现了运行Matlab文件和在终端调试 我的Matlab Version： Matlab2020b 我的Python Version：3.
vscode美化-界面磨砂效果
Logic_luo的博客
06-22 782
有可能最终配置效果不尽人意，所以在这里可以安装一款字体(可选)，在vscode的。中键入以下配置，**注意：**将。修改为自己的文件路径。
Visual Studio Code 安装美化合集
测试0901-1
12-18 754
这是一个关于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 1540
VsCode美化 - VsCode自定义 - VsCode自定义背景图 作为一个二刺螈，VsCode用久了，总觉得少了些什么。是啊，高效的代码生产工具中怎么能没有老婆呢？ 那就安装一个VsCode插件把老婆添加到VsCode中吧！
vscode 终端美化
m0_49448331的博客
01-10 8050
1. 进入网站2. 选择自己喜欢的主题 点击Copy to3. 打开vscode →设置→输入setting→在 settings.json中编辑4. 进入页面后把刚刚复制的内容粘贴进去在这里粘贴。
优化VSCode：让你的VSCode变得好用又美观
Cykinter的博客
02-12 5万+
万字长文！打造最顺手的vscode！ 不多废话，开整！ 文章目录基本设置好用的插件及其相关设置通用驼峰翻译助手：不再让取变量名成为一件难事Bracket Pair Colorizer 2：美观的彩虹括号，让你不再为繁杂的括号烦恼Chinese (Simplified) Language Pack for Visual Studio Code：必不可少的中文插件Code Runner：以最简洁的方式运行任何代码Polacode-2020：分享更漂亮的代码片段TODO Highlight：高亮你的*TODO*V
【Visual Studio Code教程3】VSCode工作台的美化
2401_83116349的博客
08-11 3762
VSCode教程
【宇宙最强编辑器VS Code】（二）美化VS Code（更换主题和文件图标主题、设置背景图片）
Mculover666的博客（嵌入式）
04-30 3万+
1.VSCode更换主题 1.1.更换内置主题 选择文件->首选项->颜色主题进入主题设置界面，按上下箭头预览主题，按回车更换主题： 1.2.使用扩展主题 在插件扩展面板中搜索theme，安装第三方主题，然后更换： 2.VSCode更换文件图标主题 2.1.更换内置文件图标主题 选择文件->首选项->文件图标主题进入主题设置界面，按上下箭头预览主题，按回车更换主题： ...
vscode美化：主题切换+背景图片设置
qq_57210034的博客
05-27 8881
目录 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
Windows 11和vscode终端美化
Maisucsdn的博客
07-22 2239
允许powershell执行脚本，如果不允许的话，后续执行安装命令会报错 设置->隐私和安全性->开发者选项->powershell，点击应用 一款 Nerd Font，Nerd Font字体中包含了很多特殊的图标，如果不使用Nerd Font的话，后面设置了终端的主题后会乱码 这里我以Hasklig字体为例，下载链接。下载后会得到个Hasklig.zip的文件，解压后可以看到里面包含了很多字体。直接ctrl + A，然后右键选择安装全部字体...
vscode美化插件
08-28
VSCode有很多美化插件可以让你的编辑器界面更漂亮。其中一些常用的美化插件包括: 1. Material Theme: 这个插件提供了一套现代化的主题，包括不同的颜色和图标，可以让你的编辑器界面更加美观。 2. vscode-icons: 这个插件可以替换默认的文件图标，给你的文件添加更好看的图标，让你更容易识别不同类型的文件。 除了这些美化插件，还有其他一些插件可以帮助你管理代码、增强编辑器的功能等。比如： 3. CodeSnap: 这个插件可以将你的代码转换成漂亮的截图，方便你分享和展示代码。 4. Bracket Pair Colorizer: 这个插件可以给括号添加不同的颜色，帮助你更容易地识别成对的括号。 5. Better Comments: 这个插件可以改善你的代码注释，让不同类型的注释以不同的颜色显示，帮助你更好地理解和阅读代码。 这些插件都可以通过在VSCode的扩展商店中搜索并安装。安装好插件后，你可以根据自己的需要进行配置和调整，让编辑器界面更符合你的审美和工作习惯。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [盘点23个提高开发效率和美观性的 VSCode 插件](https://blog.csdn.net/FRIGIDWINTER/article/details/122945241)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vscode插件（全）](https://download.csdn.net/download/xiaojian52199/13684398)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值