"editor.fontFamily": "Fira Code",
   "editor.fontLigatures": true,
   "editor.fontSize": 15
~~~~
### The cursor
The first line makes your cursor blink more smooth with a fade-in/fade-out slow animation.
In the third line, I define the cursors style as a "line" because I don't like a "big" cursor when I type the code.

"editor.cursorBlinking": "smooth",
"editor.cursorSmoothCaretAnimation": true,
"editor.cursorStyle": "line"

     "editor.renderIndentGuides": true
~~~~
### Unsaved Tabs
With the following settings, the unsaved files have a dot symbol before the file name and a line at the top of the tab.
You can see easily the unsaved files, better than before.

 "workbench.editor.highlightModifiedTabs": true

     "files.autoSave": "afterDelay",
     "files.autoSaveDelay": 5000,
     "editor.formatOnSave": false
~~~~
## Extensions
- [Visual Studio Intellicode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode)

The normal intellisense shows functions, methods or parameters in alphabetical orders.
With this extension, Microsoft has added some AI to the intellisense and the functions, methods, and parameters are shown with the most used order.
With this you more productive.

- [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)

This extension adds several colors to every indent tab in the code.
It helps to navigate your code with your eyes.

![](https://raw.githubusercontent.com/oderwat/vscode-indent-rainbow/master/assets/example.png)

- [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)

This extension will display inline in the editor the size of the imported package.

![](https://file-wkbcnlcvbn.now.sh/import-cost.gif)

## Conclusion
I use other extensions specific for every frontend technologies, but these extensions are technology independent.