发布于 2026-01-06 0 阅读
0

快速提示:编辑器中的现代箭头 DEV 的全球展示与分享挑战赛,由 Mux 呈现:展示你的项目!

快速提示:编辑器中的现代箭头

由 Mux 赞助的 DEV 全球展示挑战赛:展示你的项目!

让我来展示一下我周末学到的一个新技巧。像 JavaScript、TypeScript、C# 等语言的运算符语法非常相似。通过使用字体连字,你可以用一种等宽且现代的字体格式来表示这些语言的特性,这种格式专为程序员设计。


一张图胜过 42 个字,请看下面的代码:

    public double SquirrelPriority => GetGene(Genes.ActorGeneIndex.Squirrel);
    public double DoggoPriority => GetGene(Genes.ActorGeneIndex.Doggo);
    public double RabbitPriority => GetGene(Genes.ActorGeneIndex.Rabbit);
    public double AcornPriority => GetGene(Genes.ActorGeneIndex.Acorn);
    public double TreePriority => GetGene(Genes.ActorGeneIndex.Tree);
    public double RandomPriority => GetGene(Genes.ActorGeneIndex.Random);
Enter fullscreen mode Exit fullscreen mode

注意箭头函数的运算符=>吗?现在来看看它在我的开发环境(Visual Studio 2019)中的渲染效果:

看看箭头功能现在是不是真的变成了箭头?这种小小的改进令人眼前一亮,强化了这些现代运算符的使用体验。

但这不仅限于箭头函数。请看以下其他运算符:

>=...<=++=====!=!==.....||>><<|><|

我特别喜欢它的一点是相等性语句的渲染方式。尤其是在 JavaScript 中,这能帮助你快速区分 `if`和 `false` ==,而===这可能决定你能否发现 bug。


那么,该如何开始呢?

首先,从 Fira Code 的GitHub 代码库下载并安装字体文件。通常只需安装常规版本即可,但如果您愿意,也可以安装其他版本。

接下来,打开你最喜欢的编辑器的字体对话框,并将字体更改为 Fira Code。

最后,关闭编辑器并重新启动。这将确保我上面提到的连字功能已启用。这在所有开发环境中可能并非必要,但在 Visual Studio 中是必须的。


好了!你可以走了。

希望这种现代化的语言特性也能像我一样让您感到愉悦。就我个人而言,这种润色让我感觉自己更棒、更有能力了。

请告诉我你的想法,或者你还有哪些技巧可以帮助你在你选择的编辑器中保持高效工作。

这篇文章《快速提示:编辑器中的现代箭头》最初发表于Kill All Defects网站。

文章来源:https://dev.to/integerman/quick-tip-modern-arrows-in-your-editor-2l1k