DEV Community


5 Best recommended VSCode Extensions

・2 min read

Visual Studio Code is a source-code editor made by Microsoft for Windows, Linux and macOS. Features include support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. Users can change the theme, keyboard shortcuts, preferences, and install extensions that add additional functionality.

Top 5 recommendation for extensions

1. Code Spell Checker

This extension does what it exactly says. It checks spelling mistakes as you write code by default VSCode will check some spelling but it's not the best and only does so in specific file types but code spell checker will highlight any word it sees that is not in the dictionary and provides spelling suggestions for you it's smart enough to understand camel case snake case pascal case etc and it won't flag compound words in things like variable names.

2. Prettier - Code formatter

Prettier is a very popular extension that provides auto code formatting for most programming languages it's especially useful in html javascript and other languages where there's a lot of nested blocks and opening and closing tags after you install prettier you can configure your formatting by pressing CTRL+SHIFT+P

3. Bracket Pair Colorizer 2

This is the new version of the original bracket colorizer that simply colors corresponding brackets such that it's easier to see where each block starts and ends now we'll do that with parentheses
brackets angle brackets square brackets squiggly brackets all the different type of brackets

4. GitLens β€” Git supercharged

This is an add-on for git now git is integrated by default in VSCode and so you can already do a lot of git related stuff in VSCode but what git lens allows you to do is see more information about the code that you're working in in the git repository so specifically you can see things like authorship modifications you can go and look through all of the commit history and just gives you a better user interface than the default interface you have with vs code by default what it also does is provide file annotations related to commits authorships and also provides a bunch of different views for navigating revisions and changes.

5. Settings Sync

This is extremely useful especially if you work with VSCode on multiple machines and that is called settings sync. Now as the name suggests this will allow you to sync all of your VSCode settings, keybinds, extensions, extension settings and more across all of your different devices. You do need to manually configure and install this extension on all of your different devices before.
To upload all of your settings SHIFT+ALT+U.
To download all of your settings SHIFT+ALT+D

Discussion (0)