DEV Community

Sudharshan S
Sudharshan S

Posted on • Edited on

My Visual Studio Code setup

Microsoft Visual Studio Code is so popular among developers around the world.

We have lot of customization options to do with our code.

How I setup my VS Code for development?

Theme - Ayu or GitHub

Icon - Ayu or vscode-icons

Font - Fira Code or Cascadia Code → free

In settings.json

`
{

“files.autoSave”: “afterDelay”,

“editor.fontFamily”: “‘Fira Code’, Consolas, ‘Courier New’, monospace”,

“editor.renderWhitespace”: “boundary”,

“editor.cursorStyle”: “line”,

“editor.wordWrap”: “on”,

“editor.letterSpacing”: 0.5,

“editor.lineHeight”: 25,

“editor.cursorBlinking”: “expand”,

“editor.cursorSmoothCaretAnimation”: true,

“editor.cursorWidth”: 5,

“editor.fontLigatures”: true,

“editor.fontWeight”: “normal”,

“workbench.colorTheme”: “Ayu Mirage”,

“workbench.iconTheme”: “ayu”,

“eslint.alwaysShowStatus”: true,

“liveServer.settings.CustomBrowser”: “chrome”,

“liveServer.settings.donotShowInfoMsg”: true,

“editor.formatOnPaste”: true,

“editor.formatOnSave”: true,

“editor.formatOnType”: true,

“[html]”: {

“editor.defaultFormatter”: “vscode.html-language-features”

},

“[css]”: {

“editor.defaultFormatter”: “vscode.css-language-features”

},

“[javascript]”: {

“editor.defaultFormatter”: “esbenp.prettier-vscode”

},

“[jsonc]”: {

“editor.defaultFormatter”: “vscode.json-language-features”

}

}`

Now VS Code is way better :)

You can try the above settings to your environment. Definitely, you’ll fall in love with your VS Code❤

Top comments (0)