Top 10 VS Code Extensions For Any Programmer 2021
Time to Upgrade Your VS Code
VS code is a very popular IDE with lots of power and usage. It’s become a first choice program for programmers ranging from the 20 year veteran to the first year coder. One of the best features of VS Code is the extensions in its marketplace. These extensions can help with productivity and make your coding process a little less painful.
Here are some of the Top 10 VS Code Extensions
Tabnine
With over 2.4 million downloads, tabnine is a great extension that uses a AI code completion tool to code faster with fewer errors. Tabnine helps push productivity with its powerful auto-completion engine.
An extension so good, they made it twice. This extensions helps visualize and allows matching brackets to be identified with colors. No more staring and digging through your code to find that lost bracket.
Coding in ruby == great, writing end after code block != great.
Endwise takes the pain away of having to close each block with auto-indentation and auto-completion with end.
Live Share makes collaborating a breeze. It allows multiple users to simultaneously work together on the same project at the same time. Developers that join the session receive editing capabilities without having to clone down an repos or install and SDKs.
Adding a theme can help spice up your screen. Along with Winter is Coming, there are hundred of other themes available on VS code to customize and make your application different.
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary. Prettier works well with formatting indentation, brackets, quotes, etc.
To use prettier, download the extension. Then open the command palette, you can use Command + Shift + P on Mac or Control + Shift + P on Windows. In the command palette, choose format document.
For your first time, you may be asked to configure your formatter, choose prettier.
Before Prettier
After Prettier
Notice how the extension automatically reformatted our indentations and bracket placement.
With over 14 million downloads, live server is a must have for any developer. With live server, you can launch a local development server with live reload feature for static and dynamic pages. This means that every time you save your code, you no longer have to refresh your browser, the extension will automatically refresh for you.
This extension is invaluable for any front-end developer. CSS Peek allows you to extend the html and ejs file to show CSS/SCSS/LESS code within the source code.
Git lens supercharges the git capabilities build into VS Code. It help you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and more.
Revision Navigation
Blame annotation with Git Lens
This extensions allows VS Code to edit both open and closing tag at the same time. Very useful extension to increase your coding productivity and to prevent errors.
VS Code has thousands of other extensions that you can download to enhance your programming experience. Take the time to explore and find some extensions that work best for you.
