My Visual Studio Code setup
Sudharshan S
Posted on September 19, 2022
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❤
Posted on September 19, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.