Change Cursor Style and Animation in VS Code

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