Install “Prettier – Code formatter” by esbenp
.
Hit Ctrl+Shift+P to open the Command Palette. Than type “Preferences: Open Settings (JSON)” and select it
Add this:
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.formatOnSave": true
Create a .prettierrc
in your project root with your preferences, like:
{
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "es5",
"printWidth": 100
}
Just save any JS file, if it auto-formats, you’re golden.