获取 ES6 箭头函数的格式化箭头所需的 VSCODE 扩展/主题/符号集是什么？

Question

我在 Visual Studio Code 编辑器中浏览了许多 JS 代码的教程和屏幕截图，其中包含用于箭头函数的格式化箭头。

谁能告诉我需要哪个扩展名/主题/符号集才能获得它？

请找到图像以供参考。

Answer 1

您正在寻找的是一种专为编码而设计的字体，称为

费拉代码

它是程序员中最流行的字体之一

它会变成 => 变成你看到的那个箭头形状并做其他事情

Github 上的 Fira 代码

有关于如何在vs代码中使用的说明

Answer 2

当使用带有字体连字的字体时，您还必须设置editor.fontLigatures为。true

Answer 3

从https://github.com/tonsky/FiraCode/releases安装 FiraCode 字体

1. 安装字体
2. 进入 VsCode 设置并搜索字体
3. 在文本编辑器选项卡中，将字体替换为“Fira Code”（Windows）和“FiraCode”（Mac）或

在 settings.json 中添加：

"editor.fontFamily": "Fira Code Medium, monospace",
"editor.fontLigatures": true,
"terminal.integrated.fontFamily": "monospace",
"editor.fontSize": 13

Answer 4

两种选择

Ctrl+P > 搜索并编辑 settings.json > 添加以下内容

 "editor.fontFamily": "Fira Code",
 "editor.fontLigatures": true,
 "terminal.integrated.fontFamily": "Fira Code",
 "editor.fontSize": 12

或者

1. 下载Google Fire Code 字体系列
2. 打开 VsCode > 设置 > 添加Fira Code字体系列输入

注意：如果需要，请重新启动 VsCode

一切顺利

Answer 5

您可以安装One Dark Pro扩展，它可以为您提供非常相似的体验。

除此之外我用

• 美化
• ES7 React/Redux/GraphQL/React-Native
• 更漂亮