让我们面对现实吧，JetBrain的Mono是一种漂亮的单行线字体，对于在IDE中展示代码和处理代码都很有用。它有一个增加的X高度，以获得更好的阅读体验，有更好的形状以看到字母列，还有一个开发者友好的各种连接词，使你所有的多字符操作符看起来像一个统一的操作符。
这些品质，以及更多，使它成为在Visual Studio代码中开发Vue.js应用程序时的一个伟大选择。在这篇文章中，我将分解如何为官方推荐的Vue.js开发IDE安装它的步骤。MacOS上的VS Code。
第1步：笑一笑，这很讽刺
是的，JetBrains Mono是由负责PHPStorm和WebStorm等软件的IDE的公司生产的字体。我们在VS Code中安装它......我们不是叛逆型的吗？ 😆不过没关系，JetBrains已经慷慨地将字体开源给全世界，我们可以在任何我们想用的程序中自由使用它。所以，谢谢你，谢谢你，谢谢你Jetbrains!
第二步：下载字体
接下来，你需要前往jetbrains.com/lp/mono/下载字体文件：
第3步：将字体文件移到系统字体库中
一旦下载了这些文件，你可以在你的下载目录中找到它们的压缩包。解压缩后，将所有的ttf文件复制到你的剪贴板上。
然后使用Finder命令 "转到文件夹"（在顶部菜单中的Go > Go to Folder 或键盘快捷键cmd+shift+G ）来打开/Library/Fonts 目录。
最后，将复制的.ttf 字体文件粘贴到/Library/Fonts 目录中。
步骤#4：在Visual Studio Code中设置Jetbrain Mono字体
在VS Code中，使用命令调色板(cmd + shift + p)打开编辑器的JSON版本的设置：
然后将editor.fontFamily 设置为JetBrains Mono ，如果你也想要超强的连字符，将editor.fontLigatures 设置为true ,保存文件:
"editor.fontFamily": "JetBrains Mono",
"editor.fontLigatures": true,
在这一点上，如果你的文字变成了Times New Roman或其他完全不适合编码的字体，不要担心。
第5步：退出VS代码并重新启动
为了让字体在Visual Studio Code中正确注册，你需要完全退出程序（cmd+q ）并重新打开它。(我试着用 "重新加载窗口 "命令作为替代，但它对我不起作用）。之后，你应该就可以开始了。
第6步：验证JetBrains Mono是否工作
当你在编辑器中重新打开一个文件时，你应该能看出区别。它肯定不再是Times New Romans了，而且你的字符会比默认字体的字符更窄更高:
为了更加确定，你可以试试严格的不等式运算符（≠= ），看看它的独特结尾的作用:
这就是它的全部内容了。
