How can I get line numbers relative to the cursor position in the editor gutter in VS Code?

Question

I started using the Vim extension for VS Code. I want to make my line numbers display like they do for me in Neovim, but I couldn't find any solution for it.

my editor gutter right now

I want this style of line numbers

Answer 1

Use the editor.lineNumbers setting and set it to "relative".

Ex. in settings.json:

"editor.lineNumbers": "relative"

The setting reads as follows in the default settings:

// Controls the display of line numbers.
//  - off: Line numbers are not rendered.
//  - on: Line numbers are rendered as absolute number.
//  - relative: Line numbers are rendered as distance in lines to cursor position.
//  - interval: Line numbers are rendered every 10 lines.
"editor.lineNumbers": "on",>