My VS Code Setting that makes it next generation code editor.
{
// General editor settings
"editor.cursorBlinking": "solid",
"editor.cursorStyle": "line",
"editor.cursorWidth": 5,
"editor.detectIndentation": false,
"editor.fontFamily": "'Fira Code'",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.fontWeight": "400",
"editor.formatOnSave": true,
"editor.insertSpaces": true,
"editor.letterSpacing": 0.5,
"editor.lineHeight": 25,
"editor.quickSuggestions": { "comments": true },
"editor.renderControlCharacters": true,
"editor.renderWhitespace": "selection",
"editor.snippetSuggestions": "top",
"editor.tabSize": 4,
"explorer.openEditors.visible": 10,
"extensions.ignoreRecommendations": true,
"files.trimTrailingWhitespace": true,
// Git show how many changes local repo is behind the remote
"git.autofetch": true,
// Indent <head> and <body> inside <html>
"html.format.indentInnerHtml": true,
"prettier.tabWidth": 4,
"prettier.useTabs": false,
// Workbech color settings
"workbench.colorCustomizations": {
"activityBarBadge.background": "#616161",
"list.activeSelectionForeground": "#616161",
"list.inactiveSelectionForeground": "#616161",
"list.highlightForeground": "#616161",
"scrollbarSlider.activeBackground": "#61616150",
"editorSuggestWidget.highlightForeground": "#616161",
"textLink.foreground": "#616161",
"progressBar.background": "#616161",
"pickerGroup.foreground": "#616161",
"tab.activeBorder": "#616161",
"notificationLink.foreground": "#616161",
"editorWidget.resizeBorder": "#616161",
"editorWidget.border": "#616161",
"settings.modifiedItemIndicator": "#616161",
"settings.headerForeground": "#616161",
"panelTitle.activeBorder": "#616161",
"breadcrumb.activeSelectionForeground": "#616161",
"menu.selectionForeground": "#616161",
"menubar.selectionForeground": "#616161"
},
"workbench.colorTheme": "Dracula Pro Edition",
"workbench.editor.closeOnFileDelete": true,
"workbench.editor.labelFormat": "long",
"workbench.iconTheme": "helium-icon-theme",
"workbench.startupEditor": "newUntitledFile",
// Zoom level
"window.zoomLevel": 1,
// Code formatters
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
}