This is my personal VSCode setup that I use for all my projects.
A list of curated extensions that I use with VSCode.
| Name | Publisher | Version | Link |
|---|---|---|---|
| Auto Rename Tag | Jun Han | 0.1.10 | Link |
| Better Comments | Aaron Bond | 3.0.2 | Link |
| Code Spell Checker | Street Side Software | 3.0.1 | Link |
| Color Highlight | Sergii N | 2.8.0 | Link |
| Color Info | Matt Bierner | 0.7.2 | Link |
| Conventional Commits | vivaxy | 1.25.0 | Link |
| CSS Navigation | pucelle | 1.14.1 | Link |
| Dev Containers | Microsoft | 0.380.0 | Link |
| EditorConfig for VS Code | EditorConfig | 0.16.4 | Link |
| Error Lens | Alexander | 3.20.0 | Link |
| ESLint | Microsoft | 3.0.10 | Link |
| file-size | zhcode | 1.0.0 | Link |
| Fluent Icons | Miguel Solorio | 0.0.18 | Link |
| Font Preview | ctcuff | 2.2.1 | Link |
| Git File History | Rodrigo Pombo | 1.0.1 | Link |
| HTML CSS Support | ecmel | 2.0.10 | Link |
| HTMLHint | HTMLHint | 1.0.5 | Link |
| Icons | Mhammed Talhaouy | 3.8.0 | Link |
| Image preview | Kiss Tamás | 0.31.2 | Link |
| indent-rainbow | oderwat | 8.3.1 | Link |
| IntelliCode | Microsoft | 1.3.1 | Link |
| IntelliCode API Usage Examples | Microsoft | 0.2.8 | Link |
| IntelliCode Completions | Microsoft | 2.0.0 | Link |
| Markdown All in One | Yu Zhang | 3.6.2 | Link |
| Path Intellisense | Christian Kohler | 2.9.0 | Link |
| Prettier - Code formatter | Prettier | 11.0.0 | Link |
| Prisma | Prisma | 5.18.0 | Link |
| psioniq File Header | psioniq | 1.23.0 | Link |
| Rainbow CSV | mechatroner | 3.12.0 | Link |
| Supermaven | Supermaven | 1.0.8 | Link |
| Svg Preview | Simon Siefke | 2.8.3 | Link |
| Unused CSS Classes | Roger Oliveira | 0.1.7 | Link |
| XML | Red Hat | 0.27.1 | Link |
| YAML | Red Hat | 1.15.0 | Link |
The raw JSON settings for my user preferences.
{"[css]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"[html]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"[javascript]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"[javascriptreact]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"[json]":{"editor.defaultFormatter":"vscode.json-language-features"},"[sass]":{"editor.defaultFormatter":"syler.sass-indented"},"[swift]":{"editor.defaultFormatter":"vknabel.vscode-swiftformat"},"[typescript]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"[typescriptreact]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"cmake.configureOnOpen":true,"cSpell.userWords":["browserslist","Chromecast","Denpex","Dropdowns","Flowplayer","Mehdi","Rashadatjou","themeit","Topbar","Wowza"],"editor.bracketPairColorization.enabled":true,"editor.bracketPairColorization.independentColorPoolPerBracketType":true,"editor.cursorBlinking":"expand","editor.cursorSmoothCaretAnimation":"on","editor.defaultFormatter":"esbenp.prettier-vscode","editor.formatOnSave":false,"editor.linkedEditing":true,"editor.stickyTabStops":true,"editor.suggestSelection":"first","editor.tabSize":2,"editor.tokenColorCustomizations":{"textMateRules":[{"scope":"comment","settings":{"foreground":"#a4cabf"}},{"scope":"keyword.other.dotenv","settings":{"foreground":"#FF000000"}}]},"emmet.includeLanguages":{"javascript":"javascriptreact"},"emmet.triggerExpansionOnTab":true,"eslint.codeAction.showDocumentation":{"enable":true},"eslint.format.enable":true,"eslint.probe":["javascript","javascriptreact","typescript","typescriptreact","html","markdown","html","react"],"explorer.sortOrder":"filesFirst","files.associations":{"*.mdx":"markdown",".env*":"dotenv"},"files.autoSave":"off","files.exclude":{"**/.trunk/*out":true,"**/node_modules":true},"files.trimTrailingWhitespace":true,"files.watcherExclude":{"**/.gitignore":true,"**/node_modules":true,"**/package-lock.json":true},"git.autofetch":true,"git.openRepositoryInParentFolders":"never","html.format.wrapAttributes":"force-aligned","indentRainbow.colors":["rgba(139, 241, 157, 0.5)","rgba(227, 173, 171, 0.5)","rgba(128, 194, 234, 0.5)","rgba(209, 156, 255, 0.5)","rgba(247, 236, 182, 0.5)"],"indentRainbow.includedLanguages":["yaml","sass"],"javascript.format.enable":false,"lldb.library":"/Applications/Xcode.app/Contents/SharedFrameworks/LLDB.framework/Versions/A/LLDB","prettier.bracketSameLine":true,"prettier.trailingComma":"all","psi-header.templates":[{"language":"*","template":["File: <<filerelativepath>>","Project: <<projectname>>","Created: <<filecreated('dddd, Do MMMM YYYY')>>","Author: <<author>>","-----","Copyright <<projectCreationYear>>, ©<<company>>","-----"]}],"psi-header.variables":[["company","*"],["projectCreationYear","2024"],["author","@rashadatjou"]],"redhat.telemetry.enabled":false,"terminal.integrated.smoothScrolling":true,"typescript.enablePromptUseWorkspaceTsdk":true,"typescript.preferences.importModuleSpecifier":"non-relative","typescript.updateImportsOnFileMove.enabled":"always","vsintellicode.modify.editor.suggestSelection":"automaticallyOverrodeDefaultValue","workbench.editor.enablePreview":false,"workbench.iconTheme":"icons","workbench.startupEditor":"newUntitledFile","yaml.customTags":["!And","!And sequence","!If","!If sequence","!Not","!Not sequence","!Equals","!Equals sequence","!Or","!Or sequence","!FindInMap","!FindInMap sequence","!Base64","!Join","!Join sequence","!Cidr","!Ref","!Sub","!Sub sequence","!GetAtt","!GetAZs","!ImportValue","!ImportValue sequence","!Select","!Select sequence","!Split","!Split sequence"],"zenMode.centerLayout":true,"workbench.productIconTheme":"fluent-icons","editor.fontFamily":"\"FiraCode FM\", Monaco, 'Courier New', monospace","editor.fontSize":14,"lldb.launch.expressions":"native","[xml]":{"editor.defaultFormatter":"redhat.vscode-xml"},"telemetry.telemetryLevel":"off","terminal.integrated.profiles.osx":{"fish":{"path":"/opt/homebrew/Cellar/fish/3.7.1/bin/fish"}},"editor.accessibilitySupport":"off","window.zoomLevel":2,"git.confirmSync":false,"gitlens.ai.experimental.provider":"openai","gitlens.ai.experimental.openai.model":"gpt-4-32k","application.shellEnvironmentResolutionTimeout":30,"gitlens.graph.minimap.additionalTypes":[],"prisma.showPrismaDataPlatformNotification":false,"workbench.editor.editorActionsLocation":"hidden","supermaven.enable":{"*":true},"[prisma]":{"editor.defaultFormatter":"Prisma.prisma"},"todohighlight.isEnable":true,"git.suggestSmartCommit":false,"workbench.layoutControl.enabled":false,"window.commandCenter":false,"editor.renderWhitespace":"none","editor.renderControlCharacters":false,"editor.stickyScroll.enabled":false,"diffEditor.ignoreTrimWhitespace":false,"editor.minimap.enabled":false,"supermaven.enableFixWithSupermaven":true}The raw JSON settings for my keybindings.
[{"key":"alt+e","command":"actions.findWithSelection"},{"key":"cmd+e","command":"-actions.findWithSelection"},{"key":"cmd+e","command":"workbench.action.toggleSidebarVisibility"},{"key":"cmd+b","command":"-workbench.action.toggleSidebarVisibility"},{"key":"shift+cmd+a","command":"selectAllSearchEditorMatches","when":"inSearchEditor"},{"key":"shift+cmd+l","command":"-selectAllSearchEditorMatches","when":"inSearchEditor"},{"key":"shift+cmd+a","command":"editor.action.selectHighlights","when":"editorFocus"},{"key":"shift+cmd+l","command":"-editor.action.selectHighlights","when":"editorFocus"},{"key":"shift+cmd+a","command":"addCursorsAtSearchResults","when":"fileMatchOrMatchFocus && searchViewletVisible"},{"key":"shift+cmd+l","command":"-addCursorsAtSearchResults","when":"fileMatchOrMatchFocus && searchViewletVisible"},{"key":"shift+cmd+l","command":"editor.action.formatDocument.none","when":"editorTextFocus && !editorHasDocumentFormattingProvider && !editorReadonly"},{"key":"shift+alt+f","command":"-editor.action.formatDocument.none","when":"editorTextFocus && !editorHasDocumentFormattingProvider && !editorReadonly"},{"key":"shift+cmd+l","command":"editor.action.formatDocument","when":"editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly && !inCompositeEditor"},{"key":"shift+alt+f","command":"-editor.action.formatDocument","when":"editorHasDocumentFormattingProvider && editorTextFocus && !editorReadonly && !inCompositeEditor"},{"key":"ctrl+cmd+l","command":"prettier.forceFormatDocument"},{"key":"shift+cmd+/","command":"editor.action.blockComment","when":"editorTextFocus && !editorReadonly"},{"key":"shift+alt+a","command":"-editor.action.blockComment","when":"editorTextFocus && !editorReadonly"},{"key":"cmd+n","command":"workbench.action.files.newUntitledFile"},{"key":"cmd+n","command":"-workbench.action.files.newUntitledFile"},{"key":"cmd+n","command":"explorer.newFile","when":"explorerViewletFocus"},{"key":"shift+cmd+n","command":"explorer.newFolder","when":"explorerViewletFocus"},{"key":"cmd+p","command":"workbench.action.files.openFile","when":"false"},{"key":"cmd+o","command":"-workbench.action.files.openFile","when":"false"},{"key":"cmd+o","command":"workbench.action.quickOpen"},{"key":"cmd+p","command":"-workbench.action.quickOpen"},{"key":"shift+cmd+o","command":"workbench.action.showCommands"},{"key":"shift+cmd+p","command":"-workbench.action.showCommands"}]