Read on Twitter#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
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🤯" title="Explodierender Kopf" aria-label="Emoji: Explodierender Kopf">. 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
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 (bonushttps://abs.twimg.com/emoji/v2/... draggable="false" alt="😉" title="Zwinkerndes Gesicht" aria-label="Emoji: Zwinkerndes Gesicht">)
Runtime values are updated and displayed in your IDE next to your code, as you type. Great for learning and testing JavaScript.
(bonushttps://abs.twimg.com/emoji/v2/... draggable="false" alt="😉" title="Zwinkerndes Gesicht" aria-label="Emoji: Zwinkerndes Gesicht">)
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 tweethttps://abs.twimg.com/emoji/v2/... draggable="false" alt="💓" title="Schlagendes Herz" aria-label="Emoji: Schlagendes Herz"> and retweet https://abs.twimg.com/emoji/v2/... draggable="false" alt="🚀" title="Rakete" aria-label="Emoji: Rakete">
Next thread will probably be more backend orientedhttps://abs.twimg.com/emoji/v2/... draggable="false" alt="😉" title="Zwinkerndes Gesicht" aria-label="Emoji: Zwinkerndes Gesicht">
Next thread will probably be more backend oriented
