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?
Open the extension manager with ctrl+shift+X (Win/Linux) or cmd+shift+X (macOS), search for Arrow Function Snippets and click on [Install] button.
It means a line has been deleted from the previous version of the file (based on git). Follow this answer to receive notifications.
You can also override the default UI language by explicitly setting the VS Code display language using the Configure Display Language command. Press Ctrl+Shift+P to bring up the Command Palette then start typing "display" to filter and display the Configure Display Language command.
VS Code extensions let you add languages, debuggers, and tools to your installation to support your development workflow. VS Code's rich extensibility model lets extension authors plug directly into the VS Code UI and contribute functionality through the same APIs used by VS Code.
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
Install the FiraCode font from https://github.com/tonsky/FiraCode/releases
Add this in the settings.json:
"editor.fontFamily": "Fira Code Medium, monospace",
"editor.fontLigatures": true,
"terminal.integrated.fontFamily": "monospace",
"editor.fontSize": 13
You have to also set editor.fontLigatures
to true
when using fonts with font ligatures.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With