What is the VSCODE extension/theme/symbolset used to display formatted/actually arrows in arrow functions syntax

Question

I have come through many tutorials and screenshots of JS Code in Visual Studio Code editor consisting of formatted arrows seen for arrow functions.

Which extension/theme/symbol set is required to get that like in the screenshot?

Answer 1

What you are looking for is a font designed for coding called

Fira Code

It's one of the most popular fonts among programmers

It will turn => into that arrow shape you saw and do other stuff

Fira Code on Github

There are instructions on how to use in vs code

Answer 2

Install the FiraCode font from https://github.com/tonsky/FiraCode/releases

1. Install the fonts
2. Go into VsCode settings and search font
3. In the Text Editor tab, replace the font with "Fira Code" (Windows) and "FiraCode" (Mac) OR

Add this in the settings.json:

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

Answer 3

Three steps

1. Download Google Fire Code Font Family
2. Open VsCode > settings > add Fira Code in Font Family input

Note: If needed, restart VsCode

All the best

Answer 4

install font : Fira Code ( https://github.com/tonsky/FiraCode/releases )

or

install font : cascadia-code ( https://github.com/microsoft/cascadia-code/releases )

Answer 5

You have to also set editor.fontLigatures to true. When using fonts with font ligatures.

Answer 6

You can install One Dark Pro extension which gives you very similar experience.

Apart from this I use

• Beautify
• ES7 React/Redux/GraphQL/React-Native
• Prettier

Answer 7

Manage -> Setting -> open json

"editor.fontLigatures": true,
 "editor.fontFamily": "'cascadia code',Consolas, 'Courier New', monospace",

font Link: https://github.com/microsoft/cascadia-code/releases/latest

Answer 8

VSCode tutorial:

Open settings.json, then put this in the json:

  "editor.fontFamily": "Fira Code Regular",
  "editor.fontLigatures": true