Do you want to become coding ninja? đ„·đŒ
Look no further! In this article, we’ll look through a curated list of 10 Visual Studio Code extensions that every developer should use.
So, without further ado, let’s dive in! đ
1. CodeSnap
đž Take beautiful screenshots of your code in VS Code!
2. Turbo Console Log đ„·đŒ
Turbo Console Log extension makes debugging much easier by automating the operation of writing meaningful log message.
3. Bookmarks đ
It helps you to navigate in your code, moving between important positions easily and quickly. No more need to search for code.
4. Code Spell Checker đ
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.
5. Error Lens đš
ErrorLens 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.
Features
Highlight lines containing diagnostics
Append diagnostic as text to the end of the line
Show icons in gutter
Show message in status bar
6. Better Comments đšïž
The Better Comments extension will help you create more human-friendly comments in your code.
With this extension, you will be able to categorise your annotations into:
Alerts
Queries
TODOs
Highlights
7. Auto Close Tag âïž
Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.
8. Auto Rename Tag âïž
Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
9. Bracket Pair Colorizer đ”đŁđŽ
10. Import cost đ
This extension will display inline in the editor the size of the imported package. The extension utilizes webpack in order to detect the imported size.
Features
Calculates the size of imports and requires. Currently supports:
Default importing: import Func from ‘utils’;
Entire content importing: import * as Utils from ‘utils’;
Selective importing: import {Func} from ‘utils’;
Selective importing with alias: import {orig as alias} from ‘utils’;
Submodule importing: import Func from ‘utils/Func’;
Require: const Func = require(‘utils’).Func;
Supports both Javascript and Typescript
Follow me on GitHub
