VS Code

List of useful plugins for vs code:

• Prettier - Code formatter esbenp.prettier-vscode
• ESLint dbaeumer.vscode-eslint
• Tailwind CSS IntelliSense bradlc.vscode-tailwindcss
• PostCSS Language Support csstools.postcss (useful for editing global css file)
• vscode-styled-components jpoissonnier.vscode-styled-components

My vs code config:

{
  "editor.formatOnSave": true,
  "editor.tabSize": 2,
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "javascript.format.enable": false,
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "typescript.tsdk": "node_modules/typescript/lib",
  "editor.quickSuggestions": {
    "strings": true,
    "other": true
  },
  "tailwindCSS.lint.cssConflict": "ignore"
}