【vscode高级玩家】设置酷炫字体Fira Code

原创 于 2021-12-20 14:41:20 发布 · 3.2k 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
标签
#vscode #ide #visual studio code
FiraCode是一种专为编程设计的等宽字体，通过将逻辑标记如->、>=等设计为连体形式，帮助开发者减少理解代码的脑力消耗。这种字体保持与ASCII兼容的同时，提升了代码的可读性和美观度。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

点此查看纯净无广告的原始内容

Fira Code字体是一种适用于编程的等宽字体。使用它可以减少我们在编程时处理逻辑标记的脑力消耗。

问题

Fira Code字体的作者认为开发者们在编程时使用的->,>=,:=,===这些字体其实是一个单一的逻辑标记，虽然它们只使用了两到三个字符，但时我们在阅读的时候一九要花费一部分脑力去阅读，将多个字符理解为一个逻辑字符。理想情况下所有的编程语言的操作符都可以设计为Unicode符号，不过目前并不是这样。

解决方案

Fira Code字体时一种免费的等宽字体，其中包含用于编程中逻辑标记的连体，它只是字体的一种呈现特征，底层的代码一九与ascii兼容，这有助于更快阅读和理解代码，对于频繁的序列，比如..和//连字体可以帮我们纠正字体之间的间距。

直接看效果

请添加图片描述

实际运用效果

请添加图片描述

安装方式

step1 下载字体文件

先 下载字体文件 或者前往github下载

然后根据你的需要安装字体文件

step2 在vscode中开启

参考如下内容

"editor.fontSize": 16,
"editor.lineHeight": 22,
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,

step3 重启vscode查看效果

重启即可

点此查看纯净无广告的原始内容

关于vscode的所有内容看这里

系列文章

推荐

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看
博客
RAG技术演进：从外部知识库到智能体核心记忆系统
12-28 907
RAG技术自2020年发展至今，经历了从基础架构到智能系统的演进过程。早期朴素RAG存在检索效率低、上下文失真等问题；语义增强RAG通过向量检索和多跳查询显著提升性能；多模态RAG实现跨模态知识对齐；上下文感知RAG引入动态决策机制；代码RAG则面临语义匹配与精确符号匹配的独特挑战。当前最前沿的自适应智能体范式将RAG作为核心记忆系统，实现自主知识管理与工具调用协同。未来RAG将演变为智能体系统的标准知识组件，与长上下文模型协同，构建企业级语义基础设施。技术发展呈现从静态管道到动态认知系统的清晰路径。
博客
webpack,vite为JS、HTML、CSS开启条件编译,宏剔除,代码剔除
06-25 1727
webpack,vite为JS、HTML、CSS开启条件编译,宏剔除,代码剔除
博客
VSCode 使用Settings Sync同步配置(最新版傻瓜教程)
08-13 2万+
VSCode 使用Settings Sync同步配置(最新版傻瓜教程)准备工作安装Settings SyncVSCode 使用Settings Sync同步配置(最新版傻瓜教程)之前无意中听到有人说,vsCode最大的缺点就是每次换个电脑或者临时去个新环境,就要配置一下各种插件,好不麻烦,以至于面试都不敢说自己用vsCode 说着无心,听着有意,因为我也发现了这个问题,索性认真找了一下网上...
博客
你做的，比汇报出来的多得多
05-28 39
技术人常见困境：两周写代码，领导五分钟听完说「这没什么」；PPT 做三天，汇报十五分钟结束；不是能力不够，是**没说对方式**——流水账、先讲技术再讲价值、风险藏到最后。有一种简单的办法解决...
博客
AI Coding 最大的 token 黑洞，可能根本不是 prompt。
05-19 44
AI Coding工具面临token浪费问题：研究发现终端输出（如git log、npm install等）占据了大量上下文空间，而这些信息往往是无用噪音。项目lean-ctx通过优化上下文管理（压缩shell输出、代码结构分析、缓存等）可减少60-95%的token消耗。这表明AI Coding的下一阶段竞争重点将从模型性能转向高效的上下文管理，而非单纯追求更强的模型。该方案已支持主流AI编程工具，揭示了终端日志处理这一被忽视的token黑洞问题。
博客
2025-2026年宏观周期转型下的普通人阶层跃迁、创业格局与求学策略深度研究报告
02-28 710
此外，跨行业技能的融合成为上升的捷径，例如，非技术背景的行政人员利用AI进行初级数据建模，或非设计人员生成专业级的营销内容，这种“跨界替代”能力在2026年具有极高的市场需求 [4, 25]。第二阶效应显示，当AI生成内容充斥网络时，具备“真实情感”、“线下独特体验”和“人类洞察”的内容溢价反而更高 [4, 30]。数据分析表明，2025年高技术产品出口增长显著，这暗示了“工程师红利”正转化为跨境贸易的“技术溢价”，普通创业者若能链接国内的高端制造能力，将具备更强的海外话语权 [5, 16, 42]。
博客
别让AI焦虑，偷走你本该有的底气
02-27 365
摘要： AI技术的快速发展引发职场焦虑，但现实世界仍存在大量AI无法替代的“非标、重现场、强交互”工作，如建筑、装修等行业面临人力短缺。2026年“十五五”规划推动县域经济数字化，返乡就业成为新趋势，AI赋能个人创业与技能提升。未来竞争力在于整合AI工具的能力，而非单一技能。AI虽取代标准化工作，但人际互动与物理世界的经验仍不可替代。面对变革，关键在于利用AI杠杆，而非被动焦虑。
博客
最火人物替换工作流本地部署资源，生成任意视频
01-31 87
摘要：Liblib平台上最热门的人物替换工作流因版本更新导致原资源无法运行。现提供整合包，包含所需模型和自定义节点，只需将节点文件复制到Comfy-UI的custom_nodes目录即可本地运行。实测有效，网盘资源包含"wan2.2 Animate"完整工作流，提取码4q7u。（98字）
博客
飞书AI机器人流式输出实践：从消息编辑踩坑到卡片更新最佳方案
01-30 1884
介绍了在飞书机器人中实现AI Agent流式输出的技术方案。针对直接编辑消息API存在编辑次数上限的问题，提出了基于卡片实体（CardKit）的解决方案。该方案通过创建可无限更新的卡片消息，配合严格递增的序列号管理和节流机制，实现了类似ChatGPT的实时打字机效果。文章详细拆解了模块架构（客户端、卡片、消息、Agent模块）并提供了核心代码示例，包括卡片创建/更新逻辑和序列号管理方法，为开发高频更新场景的AI应用提供了实践参考。
博客
Clawdbot是否才是真正的AI入口产品？一文带你搞懂Clawdbot架构！
01-28 1280
附内网部署教程
博客
手把手带你了解 AgentScope 核心架构
01-28 1006
Agent 框架如雨后春笋。LangChain 凭借先发优势占据了大量心智，AutoGPT 引爆了自主 Agent 的想象力，CrewAI 让多 Agent 协作变得简单……但当你真正要把 Agent 应用落地到生产环境时，问题来了：它想解决的核心问题是：说白了，AS 的野心是做 Agent 领域的 Spring Boot——开箱即用，但又足够灵活，能应对各种复杂场景。接下来，我们深入代码，看看它是怎么做到的。AgentScope 的核心设计理念是模块解耦、异步优先。整个框架以 为核心，围绕其构建了完整的
博客
高绩效团队管理与系统构建
01-27 625
摘要：团队管理应以人才价值为核心，构建"选-育-用-留"闭环系统。首先通过精准选才（能力+潜力+价值观）确保人才质量；其次高效用人，通过目标对齐、即时反馈和心理安全激发价值创造；最后设计低摩擦、高动能的环境，运用"滑梯效应"和"蔡加尼克效应"优化流程。常见误区包括重能力轻价值观、目标模糊、过度个人英雄主义等，需通过文化匹配、责任细化、协作机制和持续激励来避免。最终目标是让合适人才在良好系统中持续创造高价值。
博客
如何构建现代Agent以OpenManus为例
01-23 878
所有工具都继承自BaseToolname: str # 工具名称，必须唯一description: str # 工具描述，LLM据此决定是否使用parameters: Optional[dict] # JSON Schema格式的参数定义"""工具执行逻辑，子类必须实现"""pass"""转换为OpenAI function calling格式"""return {},分层架构：基础层、思考层、工具调用层、应用层的清晰分离ReAct模式：推理-行动-观察的循环机制工具系统。
博客
从零到一：打造你的VSCode圈复杂度分析插件
09-06 1070
本文介绍了一款VSCode代码圈复杂度分析插件的开发过程。该插件通过AST解析测量代码复杂度，提供实时可视化反馈（1-5低/6-10中/11+高），支持多语言文件分析。技术架构包含核心分析引擎、文件树视图和装饰器等功能模块，采用TypeScript开发并集成VSCode API。插件具备.gitignore智能过滤、增量分析和缓存优化等特性，可嵌入资源管理器显示彩色复杂度标记，支持团队协作配置。文章还探讨了插件发布流程、自定义规则配置及未来AI辅助重构等发展方向，为开发者提供了构建专业代码质量工具的完整方案
博客
avaScript树状结构遍历算法
06-25 333
💡 欢迎您在底部评论区留言，一起交流~
博客
【css灵感】模拟3D地球
01-23 958
在css中有3d变换的方法，一般用它做一些矩形的效果，如果是圆形则比较困难了。这里用一种障眼法的方式实现了3d的效果。点击这里查看无纯净广告版实现方法<div class="css-inspiration-earth-planet-body"> <div class="css-inspiration-earth-planet-earth"></div></div><style>:root { --stars: 5vw
博客
【hexo指南】hexo配置ER图流程图时序图插件
01-14 422
偏技术的文章有时会用到各种图形，一般来说可以做好图然后截图放到文章中就好了，虽然但图片本身也很小，但存一大堆图片占用空间总觉得不是很好。mermaidmermaid官方网站mermaid支持很多种图形的渲染，用它是个不错个选择。它可以渲染出多种复杂的图形。例如下面这个。#mermaid-svg-3gTFbeMhExW6J8RC .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family
博客
【css灵感】渐变圆角边框
12-21 464
点这里查看原始纯净版内容使用 clip-path 和 border-image 实现圆角渐变边框。border-image 用来指定作为元素周围边框的图像：clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。剪切区域是被引用内嵌的URL定义的路径或者外部 SVG 的路径。因为使用了 clip-path 裁剪后的元素，只有元素的剪切区域才能被显示，所以我们可以通过 clip-path: inset() 裁剪出带圆角的矩形元素。<h
博客
【css灵感】渐变字
12-20 412
直接上效果看不到效果点这里方法一：借助mask-image属性从CSS代码可以看出，效果的实现除了“content内容生成技术”以外，主要是使用了mask-image属性，内容则是“webkit核心浏览器下的渐变”了。<h2 class="text-gradient" data-text="【css灵感】渐变字">【css灵感】渐变字</h2> <style>.text-gradient { display: inline-block;
博客
【mapbox自定义样式】根据高度着色
12-19 1320
mapbox根据地形高度渲颜色这里分为两种方式来实现，分别对应适用于设计师的mapbox studio配置方式，和适用于开发者的代码更改方式，惯例先看最终效果查看交互式的最终效果适用于设计人员的方式先新建一个地图，基础样式任意选择先设置高度，这样就有了线稿一般的轮廓然后我们新建一个图层，注意这一步选择如图所示的内容可以拿到地形高度信息，随后在type里设置为fill-extrusion然后设置颜色就和上色一样，规则由您任意定制适用于开发者的方式需要注意如果您使用了自己的DEM源，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值