Remembering the exact setting keys VS Code expects — editor.formatOnSave, editor.codeActionsOnSave, files.exclude — is tedious when you just want a sane team-shared config. This tool builds it from checkboxes instead.
What Is the VS Code settings.json Generator?
Check the formatting, ESLint, file-explorer, and editor-behavior options you want, and get a valid .vscode/settings.json you can commit to your repo so the whole team shares the same editor config.
How to Use It
- Open the tool at /tools/vscode-settings-generator.
- Check the settings you want under Formatting, ESLint & Files, and Editor Behavior.
- Adjust the tab size if needed.
- Copy or download the generated settings.json into your project’s
.vscode/folder.
Key Features
- Grouped, checkbox-driven settings — no need to memorize exact key names.
- Format-on-save + Prettier default formatter combo, pre-checked for common workflows.
- ESLint auto-fix-on-save wiring via
editor.codeActionsOnSave. - File explorer and search exclusion rules for
node_modules/dist.
When to Use This Tool
- Standardizing editor behavior across a team by committing a shared
.vscode/settings.json. - Quickly wiring up Prettier + ESLint on save for a new project.
- Cleaning up noisy file explorer/search results in large repos.
Try It Now
Open VS Code settings.json Generator directly, or press ⌘K and type the tool name from anywhere on the site.
Part of the DevOps Tools collection on WebdevToolbox — free, browser-based developer tools with no login required.