Skip to main content

VS Code Settings Gen

v1.0.0

Generate .vscode/settings.json for team-shared editor configurations

Builds a .vscode/settings.json file interactively — configure editor behaviour, TypeScript preferences, extension settings, and file hygiene rules, then copy the result into your project.

How to use
  • →Pick the Full Stack preset for a batteries-included setup with ESLint, Prettier, and Tailwind CSS enabled.
  • →Commit the generated settings.json to version control so every team member shares the same editor configuration.
  • →Add a matching .vscode/extensions.json with recommended extensions to complement these settings.
Font Size
Tab Size
Word Wrap
Quote Style
Import Module Specifier
Auto Save

Save the generated output as .vscode/settings.json in your project root. Team members will share these editor settings when they open the workspace.

{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "editor.wordWrap": "off",
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.codeActionsOnSave": {
    "source.organizeImports": "explicit",
    "source.fixAll.eslint": "explicit"
  },
  "typescript.preferences.quoteStyle": "auto",
  "typescript.preferences.importModuleSpecifier": "project-relative",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "tailwindCSS.emmetCompletions": true,
  "editor.quickSuggestions": {
    "strings": "on"
  },
  "files.autoSave": "onFocusChange",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "files.exclude": {
    "**/node_modules": true,
    "**/dist": true,
    "**/.next": true,
    "**/coverage": true
  }
}