DEV Community

Cover image for Best Visual Studio Code Extensions for Developers
Samitha Wijesekara
Samitha Wijesekara

Posted on

Best Visual Studio Code Extensions for Developers

1. GitLens — Git supercharged

Best Visual Studio Code Extensions for DevelopersUsage - GitLens simply helps you better understand code. Quickly glimpse into whom, why, and when a line or code block was changed. Jump back through history to gain further insights as to how and why the code evolved. Effortlessly explore the history and evolution of a codebase.(Install Now)


2. Live Server

Best Visual Studio Code Extensions for DevelopersUsage - Launch a local development server with live reload feature for static & dynamic pages.(Install Now)


3. Bracket Pair Colorizer

Best Visual Studio Code Extensions for DevelopersUsage - This extension allows matching brackets to be identified with colors. The user can define which characters to match, and which colors to use.(Install Now)


4. Mithril Emmet

Best Visual Studio Code Extensions for DevelopersUsage - “Emmet is a plugin for many popular text editors which greatly improves HTML and CSS workflow”. Short and to the point. Emmet can increase your workflow when building sites Emmet also used to be called Zen Coding for those of you that see the syntax is familiar.(Install Now)


5. Material Theme

Best Visual Studio Code Extensions for DevelopersUsage - Material Theme is a VS code IDE theme.(Install Now)


6. Material Icon Theme

Best Visual Studio Code Extensions for DevelopersUsage - Material Theme Icon is set VS code files and folder icons matching to the file extension and folder name.(Install Now)


7. Prettier - Code formatter

Best Visual Studio Code Extensions for DevelopersUsage - 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.(Install Now)


8. ES7 React/Redux/GraphQL/React-Native snippets

Best Visual Studio Code Extensions for DevelopersUsage - By using this plugin you can easily add the codes from snippets.(Install Now | See All Snippets)


9. Vscode-Styled-Components

Best Visual Studio Code Extensions for DevelopersUsage - The styled-components extension adds highlighting and IntelliSense for styled-component template strings in JavaScript and TypeScript.(Install Now)


10. CodeSnap

Best Visual Studio Code Extensions for DevelopersUsage - Take beautiful screenshots of your code in VS Code!(Install Now)


11. Better Comments

Best Visual Studio Code Extensions for DevelopersUsage - The Better Comments extension will help you create more human-friendly comments in your code.(Install Now)


12. Auto Rename Tag

Best Visual Studio Code Extensions for DevelopersUsage - When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag.(Install Now)


13. HTML Snippets

Best Visual Studio Code Extensions for DevelopersUsage - This extension adds rich language support for the HTML Markup to VS Code.(Install Now)


14. CSS Peek

Best Visual Studio Code Extensions for DevelopersUsage - Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.(Install Now)


15. PowerShell

Best Visual Studio Code Extensions for DevelopersUsage - This extension provides rich PowerShell language support for Visual Studio Code (VS Code). Now you can write and debug PowerShell scripts using the excellent IDE-like interface that Visual Studio Code provides.(Install Now)


Top comments (0)