DEV Community

Sudharshan S
Sudharshan S

Posted on • Edited on

1

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❤

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more