Initial VSCode setup after installing the project

I've never used Tailwind before and all my other projects use ESLint instead of Prettier for linting & formatting. I noticed some missing configuration in the ./vscode/settings.json which would have helped me getting started faster. My problem was, that I had already language specific formatters defined in my gloabal settings.json so the general "editor.defaultFormatter" setting in the project's settings.json would not apply and the Prettier plugin to automatically sort class names would not work.

What I was missing:

• language specific formatter definitions
• intellisense configuration to display tailwind intellisense popups

What I was missing in my workspace settings:

For the language specific settings this would suffice:

  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }

And for the Tailwind Intellisesne sugggestions to work out of the box adding this configuration did the trick:

  "editor.quickSuggestions": {
    "strings": true
  }

Final thoughts

You could argue I could just remove my global language specific settings, but that would be pretty annoying as I would then need to add project settings to all my other projects and since the workspace settings should always take priority in my opinion adding language specific overrides makes sense to me.