15 Handy Visual Studio Code Extensions
Visual Studio Code is a source-code editor commonly used by developers. Users can install extensions that add functionality, making it one of the most popular development environment tools. Here I've made a compilation of extensions that you need to try. Enjoy!
Live Server
This plugin is a given right? It allows you to launch a local server and see changes in real time, with live reload feature for static and dynamic pages. Download Live Server
Auto Rename Tag
Save yourself time with this handy tool, that automatically renames paired HTML tags so you don't have to! Download Auto Rename Tag
Auto-Open Markdown Preview
Sick of going back and forth between your markdown file and it's preview? Sick of pressing "Ctrl+K V"? Say no more! This extension automatically shows Markdown preview whenever you open new Markdown file, side by side for optimal coding. Download Auto-Open Markdown Preview
Bracket Pair Colorization Toggler
This extension allows you to toggle between white brackets or rainbow colored brackets, with matching brackets having the same color. So handy when looking for a missing or empty bracket. Download Bracket Pair Colorization Toggler
Code Spell Checker
Does exactly what it says on the tin! If you're like me and constantly having spelling errors this plugin is really handy. Download Code Spell Checker
colorize
Colorize visualizes color variables by highlighting them with their actual color value. It's handy timesaver for translating hex codes and variable names. Download colorize
CSS Peek
This plugin lets you peek to css ID and class strings as definitions from html files, quickly load the css file inline and make quick edits right there. Super useful! Download CSS Peek
ESLint
ESLint is a linter that you can integrate into your Visual Studio Code setup in order to ensure code integrity. It can both format your code and analyze it to make suggestions for improvement. It is also configurable, so you can customize how your code is evaluated. Download ESLint
Flask Snippets
Flask Snippet Extension has several useful snippets for Flask code (Python), HTML code and for Jinja rendering. This is a must-have extension for developers who want to save time by using pre-built code snippets for common tasks. Download Flask Snippets
GitHub Copilot
GitHub Copilot is an AI pair programmer that helps you write code faster. It draws context from comments and code to suggest individual lines and whole functions in seconds! Download GitHub Copilot
Highlight Matching Tag
This extension highlights matching closing and/or opening tags. VSCode does have basic tag matching, but Highlight Matching Tag will try to match tags anywhere: from tag attributes, inside of strings, etc. while also allowing style options to customize how tags are highlighted. Download Highlight Matching Tag
Icon Fonts
Get snippets for popular icon fonts such as Font Awesome, Ionicons, Glyphicons, Octicons, Material Design Icons and much more! Download Icon Fonts
indent-rainbow
This is a fantastic tool to add color and productivity to your code. It can also help serve as an alignment check for your indentation. Each indentation is given an alternating rainbow color. Download indent-rainbow
IntelliCode API Usage Examples
IntelliCode API Usage Examples is an extension that enables you to see real-world examples of how other developers have used a given function. Examples given are from public open source repositories on GitHub, you can access examples for over 100K different APIs! Download IntelliCode API Usage Examples
JavaScript (ES6) code snippets
This plugin contains code snippets for the JavaScript language. It's really handy if you work predominantly with JavaScript. Download JavaScript (ES6) code snippets
