List of the best visual studio code extensions that every developer should try
1. Better Comments
Improve your code commenting by annotating with alert, informational, TODOs, and more!
The Better Comments extension will help you create more human-friendly comments in your code.
2. Docker
Makes it easy to create, manage, and debug containerized applications.
The Docker extension makes it easy to build, manage, and deploy containerized applications from Visual Studio Code. It also provides one-click debugging of Node.js, Python, and .NET Core inside a container.
3. Auto Rename Tag
Auto rename paired HTML/XML tag
When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag
4. Error Lens
Improve highlighting of errors, warnings and other language diagnostics.
ErrorLensErrorLens turbo-charges language diagnostic features by making diagnostics stand out more prominently, highlighting the entire line wherever a diagnostic is generated by the language and also prints the message inline.
5. Turbo Console Log
Automating the process of writing meaningful log messages.
This extension make debugging much easier by automating the operation of writing meaningful log message.
6. Code Spell Checker
Spelling checker for source code
A basic spell checker that works well with code and documents.
The goal of this spell checker is to help catch common spelling errors while keeping the number of false positives low.
7. Comment Translate
This plugin uses the Google Translate API to translate comments for the VSCode programming language.
Many excellent projects have a lot of annotations, and users can quickly understand the code intent. However, if the user is not familiar with the annotated language, it will bring difficulties in understanding. This plugin uses the Google Translate API to translate comments for the VSCode programming language.
8. Code Time
Code Time is an open source plugin that provides programming metrics right in Visual Studio Code.
Code Time is an open source plugin for automatic programming metrics and time tracking in Visual Studio Code. Use Code Time to reclaim time for focused, uninterrupted coding. Protect valuable code time and stay in flow.
9. Cron Explained
Translate cron-like schedules to a readable format
Have you ever found the cron format confusing? Did you ever need to know what is the "real" schedule? Are you tired of copy pasting the "2,3,4 */2 * * 4" into other online tools? This extension might come handy to you.
When hovering over cron-like schedules, display a human friendly explanation in a tooltip.
10. CSS Peek
Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.
The extension supports all the normal capabilities of symbol definition tracking, but does it for css selectors (classes, IDs and HTML tags). This includes:
- Peek: load the css file inline and make quick edits right there. (
Ctrl+Shift+F12) - Go To: jump directly to the css file or open it in a new editor (
F12) - Hover: show the definition in a hover over the symbol (
Ctrl+hover)
In addition, it supports the Symbol Provider so you can quickly jump to the right CSS/SCSS/LESS code if you already know the class or ID name
11. Live Server
Launch a development local Server with live reload feature for static & dynamic pages.
There is nothing more to tell you here, it's just practical!
12. MySQL
Database manager for MySQL/MariaDB, PostgreSQL, SQLite, Redis and ElasticSearch.
This project is a database client for VSCode, supports manager MySQL/MariaDB, PostgreSQL, SQLite, Redis, ClickHouse, 达梦, and ElasticSearch, and works as an SSH client, boost your maximum productivity!
13. Prettier
Code formatter using prettier.
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.
It supports:
JavaScript · TypeScript · Flow · JSX · JSON
CSS · SCSS · Less
HTML · Vue · Angular HANDLEBARS · Ember · Glimmer
GraphQL · Markdown · YAML
Your favorite language?
14. Unix Time Converter
Convert Unix time to RFC3339 formatted string.
This extension provides Unix time (a.k.a. time_t) related functions:
- Convert Unix time to RFC3339 formatted string (UTC)
- Convert Unix time to RFC3339 formatted string (Local time)
- Convert RFC3339 formatted string to Unix time
- Insert current Unix timestamp
- Insert current time (UTC) in RFC3339 format
- Insert current time (Local time) in RFC3339 format
15. Vs Code Icons
Icons for Visual Studio Code
Bring icons to your Visual Studio Code!
