Make VS Code better
- 🔧 Settings
- 🚄 Improve productivity
- Always update imports when a file is moved
- Add a vertical line at max line width
- Improve bracket pair visualization
- Display function references
- Opened files remain open
- Don't require confirmation when files are moved
- Auto-close JSX tags
- Auto rename HTML closing tag
- Use native tabs (MacOS only)
- Sticky scroll
- Don't use aliases when renaming
- Always use braces for JSX attribute completion
- Auto-complete parameters when picking suggestion
- Enable inline suggestions
- Use the typescript version of your project
- Do not ask for confirmation when deleting files
- ✨ Minimize visual clutter
- 🎊 Flair
- 🚄 Improve productivity
- ⌨️ Keybindings
- 🧩 Extensions
- 💅 Themes
"typescript.updateImportsOnFileMove.enabled": "always","editor.rulers": [80], "editor.guides.bracketPairs": true,Easily spot if a function is unused
"typescript.referencesCodeLens.enabled": true,
"typescript.referencesCodeLens.showOnAllFunctions": true, "workbench.editor.enablePreview": false, "explorer.confirmDragAndDrop": false, "typescript.autoClosingTags": true, "editor.linkedEditing": true, "window.nativeTabs": true,You need to open projects separately and then merge windows with: Merge all windows
"editor.stickyScroll.enabled": true, "typescript.preferences.useAliasesForRenames": false,Makes attributes always consistent
"typescript.preferences.jsxAttributeCompletionStyle": "braces", "typescript.suggest.completeFunctionCalls": true, "editor.inlineSuggest.enabled": true, "typescript.tsdk": "node_modules/typescript/lib",Use git to undo instead
"explorer.confirmDelete": false, "breadcrumbs.enabled": false,You can close tabs with the keyboard shortcut anyway
"workbench.editor.tabCloseButton": "off",You have scrollbar annotations anyway
"editor.minimap.enabled": false, "explorer.fileNesting.enabled": true,
"explorer.fileNesting.expand": false, "gitlens.codeLens.authors.command": false,
"gitlens.codeLens.authors.enabled": false,
"gitlens.codeLens.recentChange.enabled": false,
"gitlens.statusBar.enabled": false,
"gitlens.statusBar.pullRequests.enabled": false,
"gitlens.plusFeatures.enabled": false,
"gitlens.virtualRepositories.enabled": false,
"gitlens.codeLens.enabled": false,
"gitlens.menus": false,"editor.lineHeight": 24, "editor.hover.delay": 500, "workbench.editor.labelFormat": "short", "git.decorations.enabled": false, "window.title": "${rootName}${separator}${activeEditorMedium}",Closes the oldest one when limit is exceeded
"workbench.editor.limit.enabled": true,
"workbench.editor.limit.value": 8, "editor.smoothScrolling": true,
"workbench.list.smoothScrolling": true, "editor.cursorSmoothCaretAnimation": true,
"editor.cursorBlinking": "phase",View the places where a function or variable is used
{
"key": "shift+cmd+r",
"command": "references-view.findReferences",
"when": "editorHasReferenceProvider"
}Rename a variable, property or function globally
{
"key": "cmd+r",
"command": "editor.action.rename",
"when": "editorHasRenameProvider && editorTextFocus && !editorReadonly"
},{
"key": "ctrl+left",
"command": "workbench.action.navigateBack"
},
{
"key": "ctrl+right",
"command": "workbench.action.navigateForward"
}{
"key": "alt+cmd+right",
"command": "workbench.action.nextEditor"
},
{
"key": "alt+cmd+left",
"command": "workbench.action.previousEditor"
},{
"key": "shift+cmd+[Minus]",
"command": "workbench.action.increaseViewSize"
},
{
"key": "shift+cmd+-",
"command": "workbench.action.decreaseViewSize"
},Default keybinding
{
"key": "shift+alt+i",
"command": "editor.action.insertCursorAtEndOfEachLineSelected",
"when": "editorTextFocus"
}{
"key": "ctrl+alt+cmd+[Period]",
"command": "workbench.action.moveEditorToNextGroup"
},Improve highlighting of errors, warnings and other language diagnostics
Recommended settings:
"errorLens.delay": 1000,
"errorLens.excludeBySource": ["cSpell"]Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does
Automating the process of writing meaningful log messages
Converts a string to a template string when ${ is typed
All you need to write Markdown (keyboard shortcuts, table of contents, auto preview and more)
File-specific icons in VSCode for improved visual grepping
Spelling checker for source code
Highlight web colors in your editor
Makes indentation easier to read
Subtly change the workspace color of your workspace. Ideal when you have multiple VS Code instances and you want to quickly identify which is which
Supercharge the Git capabilities built into Visual Studio Code
Easy manipulation with brackets and quotes
Keybindings to automatically remove corresponing bracket:
{
"key": "shift+cmd+backspace",
"command": "bracketeer.removeBrackets"
},Preserves case when editing with multiple cursors
TypeScript errors, translated for humans
Auto rename paired HTML/XML tag
Advanced text highlighter based on regexes. Useful for todos, annotations, colors etc.
Highlight only tests example:
"highlight.regexes": {
"(it|describe|test)(\\.only.*)": {
"filterFileRegex": "(.*)spec|test(.*)",
"decorations": [
{
"overviewRulerColor": "#ffcc00",
"backgroundColor": "#ffcc00",
"color": "#1f1f1f",
"fontWeight": "bold"
},
{
"backgroundColor": "#ffcc00",
"color": "#1f1f1f"
}
]
}
}Simple snippets for disable eslint rules
A clean Visual Studio Code theme that celebrates the lights of Downtown Tokyo at night
GitHub theme for VS Code
🔥 Official theme by Wes Bos