Thread by @CodingThunder

My favourite VS Code extensions...

These are best of my favourite ones...

🧵 This is a thread 🧵

#programming #coding #CodeNewbies #CodeNewbie #Developer #java #javascript #python #DevComIN #DEVCommunity #100DaysOfCode #vscode @code #html #100DaysOfCloud #code #android

1. TabNine
• AI coding assistant
• Better auto-completes
• Understands patterns in your code
• Fast

2. Prettier
• Enhance readability of your code
• Make your code look more beautiful
• Fast...

3. Bracket Pair Colorizer
• Ever landed in trouble due to missing or extra parenthesis
• No problem Bracket Pair Colorizer will help you
• Both Bracket Pair Colorizer 1 & 2 are worth try
• Colours your brackets... So you can figure out any extra or missing parenthesis

4. :emojisense:
• Add emojis in your source file
• Do some configuration and it's on
• Just type ':' and a keyword to meet your requirements
• And emojisense will give you the best emoji available for you

5. HTML Snippets
• HTML devs keep it.
• Fastest HTML autocomplete extension
• Just type the tag and hit enter... And see the magic
• No need to worry about HTML syntax tags

6. Peacock
• Want to customise your VS Code title bar colour, or your extension column
• Peacock will do that for you.
• Just go to extension settings and enter the hex code or color name.
• Peacock 🦚 will change the colour for you

7. Colorize
• Ever had to use another color picking software side-by-side to get a good color for your HTML or CSS or json file.
• Just enable the extension and put your mouse cursor on the hex, and WOW

8. TODO Highlight
• Highlights all the comments and words with "TODO" in it.
• Helps when you are on a large project and you just can't scroll through your files to find out what is left.

9. Trailing Whitespace Visualiser
• Must for Python developers
• These trailing whitespaces can actually make you in a mess
• You often get errors but don't know why
• Highlights trailing whitespaces in RED.

10. Auto Close Tag
• Working with XML or HTML.
• This extension will help you work automatically complete your tags

11. File Size
• Want to know your source code size while in VS Code.
• This extension will help you.

12. Code Spell Checker
• Very bad at spellings.
• Unable to guess your word which you wrote a few days ago.
• This extension will highlight words with incorrect spellings in your source file.

13. Auto Rename Tag
• Want to change the tag.
• Just change the tag from any one side and the other side name will be edited for free by this extension

14. Calc
• No need to open a calculator next to your VS Code
• Fast calculator

15. Code Time
• Check how much time you invest in your projects
• Analyse your coding time for better performance

16. Bookmarks
• Bookmark where you left to quickly continue fun there.
• Very useful while working with large files

17. npm Intellisense

You should use this extension if you are using npm packages

This will help you importing your packages

18. Path Intellisense

Completes file names in your Project.

A must-have for huge project where you are using a lot of external files ( images, header files , etc)

19. Import Costs

Importing unnecessary modules in your code costs a lot of speed loss.
See how much file size is being imported on hover.

Language : JavaScript

@threadreaderapp unroll