My Visual Studio Code setup

sudharshan24

Sudharshan S

Posted on September 19, 2022

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❤

💖 💪 🙅 🚩
sudharshan24
Sudharshan S

Posted on September 19, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

My Visual Studio Code setup
vscode My Visual Studio Code setup

September 19, 2022