📋JSON Templates

VS Code Workspace Settings

VS Code settings.json for project-specific editor configuration.

Explanation

Workspace settings override user settings and apply to the project.

Examples

TypeScript Project Settings

Output

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "typescript.tsdk": "node_modules/typescript/lib",
  "typescript.enablePromptUseWorkspaceTsdk": true,
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "files.exclude": {
    "node_modules": true,
    "dist": true
  }
}

Code Examples

.vscode/settings.json

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.organizeImports": true
  },
  "typescript.preferences.importModuleSpecifier": "relative",
  "files.eol": "\n",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "[markdown]": {
    "editor.wordWrap": "on"
  }
}

Try it Now

Open in JSON Formatter

💡 Tips

Commit workspace settings to repo
Use for team-wide editor preferences
Configure formatters per language
Enable auto-fix on save
Set relative import paths for TypeScript

⚠️ Common Pitfalls

Don't include personal preferences
Extension-specific settings require extensions
Can conflict with user settings