Read on Twitter
7 VS Code Extensions that will make your life easier 
(thread)#100DaysOfCode #CodeNewbies #DEVCommunity
1. Auto Close Tag
Automatically adds the closing tag when you finish typing in the opening tag.
Automatically adds the closing tag when you finish typing in the opening tag.
2. Auto Rename Tag
When you rename one HTML tag, automatically rename the paired HTML tag.
When you rename one HTML tag, automatically rename the paired HTML tag.
3. IntelliSense for CSS class names in HTML
Completes the CSS class name based on your workspace.
Completes the CSS class name based on your workspace.
4. Prettier - code formatter
A code formatter for Javascript, HTML, CSS, Vue, and other members of the family.
A code formatter for Javascript, HTML, CSS, Vue, and other members of the family.
5. CSS Peek
It shows you a hover image of your CSS from within your HTML file
. You can also navigate directly to that class definition in your CSS.
It shows you a hover image of your CSS from within your HTML file
. You can also navigate directly to that class definition in your CSS.
6. Live Server
Launch local development server with live browser reload. Nice for frontend debugging.
Launch local development server with live browser reload. Nice for frontend debugging.
7. Live Sass Compiler
Compiles and reloads the live browser realtime with your updated SASS/SCSS styling.
Compiles and reloads the live browser realtime with your updated SASS/SCSS styling.
8. Quokka.js (bonus
)
Runtime values are updated and displayed in your IDE next to your code, as you type. Great for learning and testing JavaScript.
(bonus)
)Runtime values are updated and displayed in your IDE next to your code, as you type. Great for learning and testing JavaScript.
(bonus
)
If you enjoyed this thread, please like the first tweet
and retweet 
Next thread will probably be more backend oriented
and retweet Next thread will probably be more backend oriented
