{"id":16648806,"url":"https://github.com/dooderstem/my-vsc-setup","last_synced_at":"2026-03-11T19:04:32.376Z","repository":{"id":38351145,"uuid":"506541979","full_name":"dooderstem/my-vsc-setup","owner":"dooderstem","description":"My Visual Studio Code setup ","archived":false,"fork":false,"pushed_at":"2022-12-15T21:08:43.000Z","size":33,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-19T03:16:49.448Z","etag":null,"topics":["extensions","productivity-tools","visual-studio-code","vscode","vscode-extensions"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dooderstem.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"patreon":"patreon.com/doctorbraingoop"}},"created_at":"2022-06-23T07:36:48.000Z","updated_at":"2024-03-26T04:41:25.000Z","dependencies_parsed_at":"2023-01-29T04:30:54.929Z","dependency_job_id":null,"html_url":"https://github.com/dooderstem/my-vsc-setup","commit_stats":null,"previous_names":["dooderstem/my-vsc-setup"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dooderstem%2Fmy-vsc-setup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dooderstem%2Fmy-vsc-setup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dooderstem%2Fmy-vsc-setup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dooderstem%2Fmy-vsc-setup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dooderstem","download_url":"https://codeload.github.com/dooderstem/my-vsc-setup/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243205246,"owners_count":20253425,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["extensions","productivity-tools","visual-studio-code","vscode","vscode-extensions"],"created_at":"2024-10-12T09:05:31.016Z","updated_at":"2026-03-11T19:04:27.338Z","avatar_url":"https://github.com/dooderstem.png","language":null,"funding_links":["https://patreon.com/patreon.com/doctorbraingoop"],"categories":[],"sub_categories":[],"readme":"\n\u003cdiv display=\"inline\" align=\"center\"\u003e\n\n\u003ca href=\"https://dev.to/saavv/make-vscode-home-with-these-extensions-1lld\"\u003e\u003cimg alt=\"Dev.to\" src=\"https://img.shields.io/badge/dev.to-0A0A0A?style=for-the-badge\u0026logo=devdotto\u0026logoColor=white\" /\u003e\u003c/a\u003e\n\n\u003ca href=\"https://braingoop.hashnode.dev/make-vscode-home-with-these-extensions\"\u003e \u003cimg alt=\"Hashnode\" src=\"https://img.shields.io/badge/Hashnode-2962FF?style=for-the-badge\u0026logo=hashnode\u0026logoColor=white\" /\u003e\u003c/a\u003e\n\n\u003c/div\u003e\n\nGetting started with Visual Studio Code and/or looking for some new plugins to fit seamlessly with your workflow? Well, look no further! Below, I have included some of the most useful and recommended extensions that are completely free to install and use.\n\n![Visual Studio Code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3503be2ok9ccfsapmk18.png)\n\n## Theme/Icons\n\n- Current theme:\n  - [GitHub Dark Mode ♥️](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)\n- Icons:\n  - [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)\n- Font:\n  - [Fira Code](https://github.com/tonsky/FiraCode)\n\n## Workflow\n\n- [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag)\n  - Automatically add HTML/XML close tag\n- [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)\n  - Automatically rename paired HTML/XML tag\n- [Foam Research](https://marketplace.visualstudio.com/items?itemName=foam.foam-vscode)\n  - note-taking tool that lives within VS Code, which means you can pair it with your favorite extensions for a great editing experience.\n- [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)\n  - Comments extension will help you create more human-friendly comments in your code.\n- [CodeSwing](https://marketplace.visualstudio.com/items?itemName=codespaces-Contrib.codeswing)\n  - It's like having the magic of a traditional web playground (e.g. CodePen, JSFiddle), but available directly from your highly-personalized editor.\n- [Code Runner](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner)\n  - Run code snippet or code file for multiple languages: **C, C++, Java, JavaScript, PHP, Python, Perl,** e.c.t.\n- [advanced-new-file](https://marketplace.visualstudio.com/items?itemName=patbenatar.advanced-new-file)\n  - Create files anywhere in your workspace from the keyboard\n- [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)\n  - Error Lens turbo-charges language diagnostic features\n- [ESDoc MDN](https://marketplace.visualstudio.com/items?itemName=samundrak.esdoc-mdn)\n  - This extension lets you quickly bring up helpful MDN documentation in the editor by typing `//mdn [object.property];` for example.\n- [Live Preview](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server)\n  - Hosts a local server in your workspace for you to preview your webpages on in VSC!\n- [HTML CSS Support](https://marketplace.visualstudio.com/items?itemName=ecmel.vscode-html-css)\n  - HTML `id` and `class` attribute completion for Visual Studio Code.\n- [JavaScript (ES6) code snippets](https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets)\n\t- Code snippets for JavaScript in ES6 syntax (ex: clg + tab -\u003e console.log())\n- [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree)\n\t- Show TODO, FIXME, etc. comment tags in a tree view\t  \n- [Magick Image Reader](https://marketplace.visualstudio.com/items?itemName=elypia.magick-image-reader)\n\t- Uses ImageMagick to add read-only views of over 100 image formats in Visual Studio Code.\n\t  \n### GitHub\n\n- [Gist](https://marketplace.visualstudio.com/items?itemName=kenhowardpdx.vscode-gist)\n  - Access your GitHub Gists within Visual Studio Code.\n- [GistPad](https://marketplace.visualstudio.com/items?itemName=vsls-contrib.gistfs)\n  - GistPad is a Visual Studio Code extension that allows you to edit GitHub [Gists](https://gist.github.com/ \"https://gist.github.com/\") and repositories from the comfort of your favorite editor\n- [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)\n  - View git log, file history, compare branches or commits\n- [gitignore](https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore)\n  - Lets you pull .gitignore templates from [https://github.com/github/gitignore](https://github.com/github/gitignore)\n- [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)\n  - Supercharge Git within VS Code\n- [Open in GitHub, Bitbucket, Gitlab, VisualStudio.com](https://marketplace.visualstudio.com/items?itemName=ziyasal.vscode-open-in-github)\n  - Open in GitHub, Bitbucket, Gitlab, VisualStudio.com\n\n## Style/Formatting\n\n- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)\n  - Integrates ESLint JS\n- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)\n  - Automatically format javascript, JSON, CSS, Sass, and HTML files.\n- [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight)\n  - This extension styles css/web colors found in your document.\n\n## Useful/Extra\n\n- [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)\n  - Display inline the size of the required/imported package\n- [VS Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare)\n  - Collaborative editing, debugging, and more inside VS Code\n- [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense)\n  - Autocompletes npm modules in import/require statements\n- [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)\n  - Autocompletes filenames\n- [Image Preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)\n  - Shows image preview in the gutter and on hover\n- [FontSize ShortCuts](https://marketplace.visualstudio.com/items?itemName=fosshaas.fontsize-shortcuts)\n  - Change the font size with keyboard shortcuts.\n- [WakaTime](https://marketplace.visualstudio.com/items?itemName=WakaTime.vscode-wakatime)\n  - Metrics, insights, and time tracking automatically generated from your programming activity.\n- [indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)\n  - Makes indentation easier to read\n- [Discord Rich Presence](https://marketplace.visualstudio.com/items?itemName=LeonardSSH.vscord)\n\t- Show what you're working on in Discord!\n- [Lorem ipsum](https://marketplace.visualstudio.com/items?itemName=Tyriar.lorem-ipsum)\n\t- A tiny VS Code extension made up of a few commands that generate and insert lorem ipsum text into a text file.\n- [vscode-faker](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker)\n\t- Generate fake data for name, address, lorem ipsum, commerce and much more\n\u003cbr\u003e\n\nSee my full list of extensions [here](https://github.com/DoctorBraingoop/my-vsc-setup/blob/master/.vscode/extensions.json)\n\n\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdooderstem%2Fmy-vsc-setup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdooderstem%2Fmy-vsc-setup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdooderstem%2Fmy-vsc-setup/lists"}