Bracket Pair Colorizerĭoes exactly as the name says and colors pairs of brackets for easier recognition of nested component bracket pairs.
#Best visual studio extensions code#
Covering both code quality and coding style issues, ESLint is a static code analysis tool for identifying problematic patterns in your code.
ESLintĪnother extension to keep your code clean and consistent is ESLint. Material Icon ThemeĪdd the Material Design icons to your VS Code with this helpful extension. BeautifyĪn alternative to Prettier, Beautify will reformat code written in Javascript, JSON, Sass, CSS, and HTML. With the GitHub extension you can clone, create, or publish repos without ever exiting VS Code. If you tend to work a lot with GitHub, Microsoft has got you covered. However, if you want to supercharge it, GitLens help adds several features that help you visualize, navigate, and better understand a project’s Git history. When you open a tag like, the is instantly added and your cursor is placed between the two. Auto-Close Tag, as the name suggests, closes your tags automatically. Auto-Close TagĪnother particularly unpleasant type of bug common in web development are open tags. Code Spell Checker works well with camelCase code while keeping the number of false positives low. This extension can prevent this particular type of annoyances by underlining spelling errors in your code. Typos make for particularly annoying bugs. It checks your JavaScript code in real-time and lets you know which blocks have already executed and which have not. Quokka.js is a live scratchpad for JavaScript. It allows instant sharing of current projects alongside debugging sessions, terminal instances, web apps using localhost, and more. If you tend to work collaboratively on your code, this official Microsoft extension for VS Code is one you need. The AI will typically auto-complete your code in under 10ms.
#Best visual studio extensions install#
There’s no configuration necessary just install and start typing. Based on a GPT-2 model, TabNine uses machine learning to help you write code faster and better. TabNine is your polyglot AI coding assistant. You can install it by searching the name on the extension section of the visual studio code. We can use this extension to create a beautiful code polaroid and share it. It creates and stores your configuration in Github gist and synchronizes wherever you want. I use visual studio code in both machines, however, I don’t want to repeat the same steps to configure the editor every time.Įnters Setting Sync extension. I use a different machine for my work and personal use. This is not strictly for web development only, anyone can use this extension.
It’s pretty useful to keep track and see the progress. This extension tracks your development time and provides you with useful stats such as how many hours you have code today etc. This extension helps you to create more human-friendly and easy-to-read comments.
It is very useful for front-end developers to perform the testing and debugging. This extension brought the powerful chrome debugger right into the visual studio code. This is very handy and useful for front-end developers. Live Server extension provides the live preview of your web application right within the editor. A status bar blame annotation showing the commit and author who last modified the current line.An unobtrusive current line blame annotation at the end of the line showing the commit.R evision navigation (backward and forward) through the history of a file.This is just one of the many features of GitLens extension.