vsCode更换主题和字体，如何改成和mac电脑类似的字体

已于 2024-05-07 11:29:16 修改
阅读量2.7k 收藏 2
点赞数 1
分类专栏： 前端实用技巧 文章标签： vscode
于 2023-06-26 11:09:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Z_Joker_J/article/details/131393368
版权
文章介绍了如何更改VSCode的主题和字体，包括下载主题插件和安装自定义字体如FiraCode、OperatorMono及JetBrainsMono。用户需先在本地安装ttf文件，然后在VSCode设置中修改fontfamily。此外，还提供了修改编辑器中文字体的教程链接。
摘要由CSDN通过智能技术生成

更改主题，直接在扩展中下载相关的主题插件即可

推荐几种我用过的

 样式大概类似这样

 

 

字体的安装复杂点，首先修改字体的入口是

/设置/搜索font family

修改font字体

先在本机下载安装字体的ttf文件，然后在vscode中编辑字体名称

几款好看的字体推荐

fira code

        展示效果：

        

 operator mono

        展示效果：

        

JetBrains Mono（下载地址：https://www.jetbrains.com/zh-cn/lp/mono/）

        展示效果（medium版本）：

        

修改编辑器区域的中文字体，参考：必看！VSCode字体美化教程-CSDN博客

修改后的编辑器功能区

修改 VS Code 的字体设置
DpgrMl的博客
09-24 1万+
记住，在 “settings.json” 文件中，你可以使用 “editor.fontFamily” 选项来指定你喜欢的字体。然后，点击左侧的侧边栏中的最底部的图标，该图标代表着设置（齿轮状图标）。在这个示例中，我们将字体设置为 “Consolas”，如果该字体不可用，则使用 “Courier New”，如果仍然不可用，则使用通用的等宽字体。在 VS Code 中，你可以轻松地修改编辑器的字体设置，以适应你的个人喜好和需求。完成所有步骤后，重新启动 VS Code，你将会看到字体设置已经生效。
vscode更换字体
汽车电子软件领域知识分享
07-19 6628
以Fria Code字体为例，首先下载该字体： (Fira Code 字体的下载地址)[https://github.com/tonsky/FiraCode] 下载后解压，如下图： Windows用户，安装ttf文件夹中的字体 双击字体文件，点击安装： 全部安装完，在vscode中的Font Family中，添加“Fira Code” 重启vscode，可以看到字体已改变。 ...
最清晰舒服的程序编写字体 苹果终端字体 Lucida_Console
04-04
最清晰舒服的程序编写字体 苹果终端字体 Lucida_Console
必看！VSCode字体界面美化教程
热门推荐
分享知识和经验，只出精品~
10-24 3万+
VSCode是一款轻量级开源编辑器，在Windows版本中默认的UI其显示效果肯定是没有在Mac中好的，其中一个重要的原因就是Mac所使用的中文字体苹方和英文字体SF Pro以及Mac独特的渲染机制，使得界面看起来更加舒适美观，所以本期教程教授大家如何更换VSCode的界面字体，以达到在Win平台下所能达到最佳的视觉体验。
vscode好用的插件以及setting.json
最新发布
xiaoxixi_1104的博客
09-21 1145
/ ------------------- Prettier 配置 -------------------// ------------------- MarsCode 配置 -------------------// ------------------- 代码片段补全设置 -------------------// ------------------- 样式与美观 -------------------// ------------------- 编辑器设置 -------------------
（手把手）如何在Vscode更换好看的字体
热爱科技，物联，程序开发等
09-12 751
由于vscode自带的字体看起来很小又很廋，很费眼，看多了难受，所以需要更换好看的字体
mac vscode改变字体
zhangdell的专栏
06-15 5264
Mac OS： 　　华文细黑：STHeiti Light [STXihei] 　　华文黑体：STHeiti 　　华文楷体：STKaiti 　　华文宋体：STSong 　　华文仿宋：STFangsong 　　儷黑 Pro：LiHei Pro Medium 　　儷宋 Pro：LiSong Pro Light 　　標楷體：BiauKai 　　蘋果儷中黑：Apple LiGothic Medium 　　蘋果儷細宋：Apple LiSung Light Window...
更改 VSCode 字体
qq_49466306的博客
03-15 1213
文章目录Ubuntu 更改 VSCode 字体下载字体修改 settings.json尽情享用吧～ Ubuntu 更改 VSCode 字体 下载字体 下载最新版本字体并安装 https://github.com/tonsky/FiraCode/releases 修改 settings.json 添加 "editor.fontFamily": "'Fira Code'", "editor.fontLigatures": true, "editor.fontWeight": "500", "editor.fo
vscode更改字体
weixin_42522854的博客
02-26 913
比如我要修改为CaskaydiaMono Nerd Font，先自行下载和安装字体。可以在首选项的font family中填入font名称。如果有这个项就修改一下，没有的话就加进去。也可以在setting.json中修改。
vscode透明主题、霓虹灯字体
weixin_33854644的博客
05-10 7074
昨天看了大佬分享的vscode透明主题，感觉很不错，但是看到群里很多小伙伴都没有用上，所谓独乐乐不如众乐乐，所以我就来分享一下本人配置主题的过程，和其中遇到的问题。 原链接 透明主题(mac): juejin.im/pin/5cd3a7b… 透明主题(windows)：marketplace.visualstudio.com/items?itemN… 霓虹灯效果：twitter.com/Robb...
VScode安装plantUML和graphviz的安装MAC
weixin_42574872的博客
08-30 1066
brew install graphviz
VSCode解决中文乱码问题
flyingMMM的博客
01-14 486
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
vscode自动加前缀_史上最全vscode配置使用教程
weixin_34976470的博客
02-11 3286
首页vscode设置成中文vscode默认的语言是英文，对于英文不好的小伙伴可能不太友好。简单几步教大家如何将vscode设置成中文。按快捷键“Ctrl+Shift+P”。在“vscode”顶部会出现一个搜索框。输入“configure language”，然后回车。“vscode”里面就会打开一个语言配置文件。将“en-us”修改成“zh-cn”。按“Ctrl+S”保存设置。关闭“vscode”...
用vscode创建一个c项目_vscode怎么创建C语言项目_编程开发工具
weixin_32139147的博客
12-23 1990
vscode怎样注释方法代码块_编程开发工具vscode注释方法代码块的方法是：1、首先安装【document this】插件；2、然后将光标放置于function上面，使用快捷键【ctrl+alt+d】即可，注意在mac电脑中需要使用【ctrl+option+d】快捷键。 1、下载插件C/C++、C++ Intellisense;2、新建一个空文件夹，从VSCode打开。 (或File--&gt...
调整vscode字体
weixin_42815846的博客
07-09 1050
可自由更改大小，保存后则terminal字体会实时改变。快捷键control+shift+P。1、打开settings.json。2、在末尾加上字体设置。
Visual stduio code(vscode)修改字体类型fontfamily
weixin_46452278的博客
04-26 2360
其中第一个consolas代表英文字体类型，第二个‘楷体’代表中文字体类型，可以分别进行两种中英文字体的修改。第二步，进入setting，找到fontfamily就是主题字体类型。第一步，点击左下角齿轮，找到setting。
VSCode中如何修改代码字体
weixin_37493499的博客
08-07 8278
「File」→「Preferences」→「Settings」→「Text Editor」→「Font」→「Font Family」 JetBrains Mono NL,'仿宋',monospace
vscode 修改默认字体（侧栏、顶栏、目录栏）
weixin_39182097的博客
01-26 2210
1. 准备字体并安装到本地电脑上。获取到字体的名称。2. 打开【你vscode安装位置/resources/app/out/vs/workbench/workbench.desktop.main.css】文件3. 定位到 .windows:lang(zh-Hans) / .windows，在font-family 加上你的字体名称。4.保存并重启vsCode（通常保存时候需要管理员权限才能保存）。这样搞了之后每次打开会弹出“Code 安装似乎损坏。请重新安装。
VSCODE字体设置
m0_46485032的博客
07-25 6924
vscode字体设置，包含字体样式、字体大小、字体加粗
vscode更换字体颜色
08-30
要更换VSCode的字体颜色，你可以按照以下步骤进行操作： 1. 首先，打开VSCode编辑器。 2. 点击顶部菜单栏中的“文件”选项。 3. 在下拉菜单中选择“首选项”。 4. 再次在下拉菜单中选择“颜色主题”选项。 5. 你会看到一个弹出的窗口，显示可用的颜色主题列表。 6. 在列表中选择你喜欢的颜色主题。 7. 选择后，VSCode会立即应用新的颜色主题，并更改编辑器中的字体颜色。 此外，如果你想进一步自定义字体样式，你可以在设置中搜索"字体样式"。你可以根据需求选择"italic"（斜体） "bold"（粗体）或 "underline"（下划线），也可以留空使用常规字体样式。 希望这些信息对你有所帮助！<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vscode设置Fira_Code字体及改变编辑器字体、背景颜色的代码详解](https://download.csdn.net/download/weixin_38621427/12721586)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [Vscode个性化设置教程——颜色，字体，粒子特效，个性化动漫背景](https://blog.csdn.net/qq_41136216/article/details/105546446)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [VSCode改变字体颜色](https://blog.csdn.net/weixin_39874463/article/details/116272187)[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_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值