Your best vsc setup
Tags: webdev, opensource, vscode
Published: 2022-01-24 13:02:34

Hey guys,
this is my first post after reading hundreds.

Today, I want to share with you my vsc setup with all my extensions I find useful. I created the public gist to have a fast vsc setup out of the box ready in under a minute and to not always install the extensions by hand.

From color themes, formatters and assistens to docker, git and bookmarks.

Maybe this setup doesn't fit your needs or it inlcudes to many extensions but it is defenetly a good overview of the top vsc extensions out there to accelerate your development.

[Get the VSC Setup](https://gist.github.com/lukasw12V/02676ed1c28922c5d72671c2af81d07b)

To use this setup you need to config your vsc:

1. Install [Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync) in vsc
2. (optional) Connect your github account by creating a new access token or use your current one (https://github.com/settings/tokens)
3. Copy the public gist-id **02676ed1c28922c5d72671c2af81d07b** and paste it in the 'Gist-ID' Settings Sync input field.


![Demo Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vkl20fvwksdgd5ufcqas.png)

Or install the extensions with powershell by running the commands:

`code --install-extension aaron-bond.better-comments
code --install-extension abusaidm.html-snippets
code --install-extension aeschli.vscode-css-formatter
code --install-extension ahmadawais.shades-of-purple
code --install-extension alefragnani.Bookmarks
code --install-extension alefragnani.project-manager
code --install-extension anseki.vscode-color
code --install-extension bradlc.vscode-tailwindcss
code --install-extension christian-kohler.npm-intellisense
code --install-extension christian-kohler.path-intellisense
code --install-extension codezombiech.gitignore
code --install-extension CoenraadS.bracket-pair-colorizer-2
code --install-extension Dart-Code.dart-code
code --install-extension Dart-Code.flutter
code --install-extension dbaeumer.vscode-eslint
code --install-extension donjayamanne.githistory
code --install-extension DotJoshJohnson.xml
code --install-extension dsznajder.es7-react-js-snippets
code --install-extension eamodio.gitlens
code --install-extension ecmel.vscode-html-css
code --install-extension emilast.LogFileHighlighter
code --install-extension enkia.tokyo-night
code --install-extension esbenp.prettier-vscode
code --install-extension file-icons.file-icons
code --install-extension formulahendry.auto-close-tag
code --install-extension formulahendry.auto-complete-tag
code --install-extension formulahendry.auto-rename-tag
code --install-extension foxundermoon.shell-format
code --install-extension golang.go
code --install-extension hollowtree.vue-snippets
code --install-extension kisstkondoros.vscode-gutter-preview
code --install-extension KnisterPeter.vscode-github
code --install-extension mhutchie.git-graph
code --install-extension mikestead.dotenv
code --install-extension ms-azuretools.vscode-docker
code --install-extension ms-dotnettools.csharp
code --install-extension ms-kubernetes-tools.vscode-kubernetes-tools
code --install-extension ms-vscode-remote.remote-containers
code --install-extension naumovs.color-highlight
code --install-extension octref.vetur
code --install-extension oderwat.indent-rainbow
code --install-extension p42ai.refactor
code --install-extension PKief.material-icon-theme
code --install-extension pranaygp.vscode-css-peek
code --install-extension rbbit.typescript-hero
code --install-extension redhat.vscode-yaml
code --install-extension ritwickdey.LiveServer
code --install-extension sdras.night-owl
code --install-extension sdras.vue-vscode-snippets
code --install-extension Shan.code-settings-sync
code --install-extension sidthesloth.html5-boilerplate
code --install-extension streetsidesoftware.code-spell-checker
code --install-extension syler.sass-indented
code --install-extension teabyii.ayu
code --install-extension vsblox.blox
code --install-extension wicked-labs.wvsc-serendipity
code --install-extension xabikos.JavaScriptSnippets
code --install-extension yzhang.markdown-all-in-one
code --install-extension ZainChen.json
code --install-extension Zignd.html-css-class-completion`