Your best vsc setup

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 inst…


This content originally appeared on DEV Community and was authored by Lukas

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

To use this setup you need to config your vsc:

  1. Install 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

Used extensions:

  • auto-close-tag
  • auto-complete-tag
  • auto-rename-tag
  • ayu v1.0.5better-comments
  • blox
  • Bookmarks
  • bracket-pair-colorizer-2
  • code-settings-sync
  • code-spell-checker
  • color-highlight
  • csharp
  • dart-code
  • dotenv
  • es7-react-js-snippets
  • file-icons
  • flutter
  • git-graph
  • githistory
  • gitignore
  • gitlens
  • go
  • html-css-class-completion
  • html-snippets
  • html5-boilerplate
  • indent-rainbow
  • JavaScriptSnippets
  • json
  • LiveServer
  • LogFileHighlighter
  • markdown-all-in-one
  • material-icon-theme
  • night-owl
  • npm-intellisense
  • path-intellisense
  • prettier-vscode
  • project-manager
  • refactor
  • remote-containers
  • sass-indented
  • shades-of-purple
  • shell-format
  • tokyo-night
  • typescript-hero
  • vetur
  • vscode-color
  • vscode-css-formatter
  • vscode-css-peek
  • vscode-docker
  • vscode-eslint
  • vscode-github
  • vscode-gutter-preview
  • vscode-html-css
  • vscode-kubernetes-tools
  • vscode-tailwindcss
  • vscode-yaml
  • vue-snippets
  • vue-vscode-snippets
  • wvsc-serendipity
  • xml


This content originally appeared on DEV Community and was authored by Lukas


Print Share Comment Cite Upload Translate Updates
APA

Lukas | Sciencx (2022-01-24T13:02:34+00:00) Your best vsc setup. Retrieved from https://www.scien.cx/2022/01/24/your-best-vsc-setup/

MLA
" » Your best vsc setup." Lukas | Sciencx - Monday January 24, 2022, https://www.scien.cx/2022/01/24/your-best-vsc-setup/
HARVARD
Lukas | Sciencx Monday January 24, 2022 » Your best vsc setup., viewed ,<https://www.scien.cx/2022/01/24/your-best-vsc-setup/>
VANCOUVER
Lukas | Sciencx - » Your best vsc setup. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/01/24/your-best-vsc-setup/
CHICAGO
" » Your best vsc setup." Lukas | Sciencx - Accessed . https://www.scien.cx/2022/01/24/your-best-vsc-setup/
IEEE
" » Your best vsc setup." Lukas | Sciencx [Online]. Available: https://www.scien.cx/2022/01/24/your-best-vsc-setup/. [Accessed: ]
rf:citation
» Your best vsc setup | Lukas | Sciencx | https://www.scien.cx/2022/01/24/your-best-vsc-setup/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.