We have 4 types of cursor animations in VS Code editor.
phase
, smooth
, expand
and solid
.
To set a particular animation for the cursor in VS Code you need to add a cursor animation setting to your settings.json
file.
Open settings.json
=> ctrl + shift + P
and search for setting.json, add a new setting:
"editor.cursorBlinking": "smooth",
Here is a screen-shot of settings.json
To Change cursor width and Style:
"editor.cursorStyle": "line",
"editor.cursorWidth": 6,
we have 6 styles of cursor in VS Code:
block
, block-outline
, line
, line-thin
, underline
, underline-thin
.
Animation Demos:
Smooth
phase
Expand ❤️❤️
Solid 😐😐
This could be a little configuration but you will enjoy It.
I will share my complete VS Code setup in next post, you may follow to get notified.
Your feedbacks are more than welcome 😉😉
You may like:
Extended Html5 Boilerplate for VS Code
Oldest comments (6)
Thanks! Can you also tell me which font & theme are you using?
Theme:-
Name: Cobalt2 Theme Official
Publisher: Wes Bos
VS Marketplace Link: marketplace.visualstudio.com/items...
Font:-
"editor.fontFamily": "Dank Mono, Menlo, Monaco, 'Courier New', monospace"
You have to install "Dank Mono" Font.
You can also adjust these settings by using the built in VSCode settings UI. I made a step-by-step tutorial here if anyone is interested!
youtube.com/watch?v=PWCkrHHyvjE
Thank you very much, can you tell me how to adjust the cursor in the terminal?
VS code docs may have guide for this.
Thank you for sharing!