A carefully optimized settings.json configuration for maximum VS Code speed and responsiveness, especially for:
- Next.js Projects
- React Applications
- TypeScript Projects
- MERN Stack Development
- Low-End & Mid-End PCs
- Large Codebases
- Smooth scrolling
- Smooth cursor animation
- Disabled CodeLens
- Disabled auto formatting on save
- Reduced rendering overhead
- Increased TS Server Memory (
4096MB) - Disabled heavy diagnostics
- Disabled package.json auto imports
Excludes:
node_modules.git.nextdistbuild
This dramatically reduces CPU, RAM, and disk usage.
Large folders are excluded from:
- Search
- File watching
- Explorer indexing
Result:
- Faster file search
- Faster project loading
- Less background processing
- Git Auto Fetch
- Git Smart Commit
- NPM Auto Detection
- Extension Auto Updates
- Telemetry
- VS Code Experiments
- Disabled Shell Integration
- Disabled GPU Acceleration
- Smooth Scrolling Enabled
- Cursor Blinking Enabled
- Open VS Code.
- Press:
Ctrl + Shift + P - Search:
Preferences: Open User Settings (JSON) - Paste the configuration.
- Save the file.
- Restart VS Code.
{
// ========================
// PERFORMANCE SETTINGS
// ========================
"editor.renderWhitespace": "none",
"editor.smoothScrolling": true,
"editor.cursorBlinking": "smooth",
"editor.wordWrap": "off",
"editor.formatOnSave": false,
"editor.codeLens": false,
"workbench.editor.enablePreview": false,
"workbench.statusBar.visible": true,
// ========================
// TYPESCRIPT SPEED BOOST
// ========================
"js/ts.tsserver.maxMemory": 4096,
"js/ts.tsserver.experimental.enableProjectDiagnostics": false,
"js/ts.preferences.includePackageJsonAutoImports": "off",
// =========================================
// FILE WATCH / NODE_MODULES OPTIMIZATION
// =========================================
"files.watcherExclude": {
"**/node_modules/**": true,
"**/.git/**": true,
"**/dist/**": true,
"**/.next/**": true,
"**/build/**": true
},
"search.exclude": {
"**/node_modules": true,
"**/.next": true,
"**/dist": true,
"**/build": true
},
"files.exclude": {
"**/node_modules": true,
"**/.git": true
},
// ===================
// AUTO FEATURES OFF
// ===================
"npm.autoDetect": "off",
"npm.enableRunFromFolder": false,
"git.enabled": false,
"git.autofetch": false,
"git.enableSmartCommit": false,
"git.confirmSync": false,
"extensions.autoUpdate": false,
"extensions.autoCheckUpdates": false,
// ===================
// EXTRA PERFORMANCE
// ===================
"telemetry.telemetryLevel": "off",
"update.mode": "none",
"workbench.enableExperiments": false,
"js/ts.updateImportsOnFileMove.enabled": "never",
// ===================
// TERMINAL SETTINGS
// ===================
"terminal.integrated.defaultProfile.windows": "PowerShell",
"terminal.integrated.shellIntegration.enabled": false,
"terminal.integrated.gpuAcceleration": "off",
"terminal.integrated.smoothScrolling": true,
"terminal.integrated.cursorBlinking": true,
}- Next.js Developers
- React Developers
- MERN Stack Developers
- TypeScript Projects
- Low-End PCs
- HDD Users
- Large Monorepos
| Area | Improvement |
|---|---|
| Startup Time | Faster |
| File Search | Faster |
| Folder Open Speed | Faster |
| RAM Usage | Lower |
| CPU Usage | Lower |
| Disk Usage | Lower |
| TypeScript Responsiveness | Faster |
| Large Project Handling | Better |
These settings prioritize performance over convenience.
Disabled Features:
- Auto Git Features
- Extension Auto Updates
- Telemetry
- CodeLens
- Some TypeScript Background Features
This setup prioritizes performance over features. Some advanced VS Code features are intentionally disabled.
Feel free to improve this setup and open a PR. π
Made by Sejin Ahmed.
Give it a β on GitHub and share it with other developers!