10 Helpful VS Code Extensions for HTML & CSS

Channel:
Subscribers:
725,000
Published on ● Video Link: https://www.youtube.com/watch?v=AxfjMZbLifQ



Category:
Let's Play
Duration: 16:44
141,194 views
2,502


Visual Studio Code has quickly become the code editor of choice among many developers. The vast extension library is one of its main drawing points. In this video, we quickly explore 10 helpful Visual Studio Code Extensions for HTML & CSS. What extensions are you using to help improve your productivity? Comment below and let us know!!

Source Code: https://github.com/codingtechonline/vscode_html_css

Munch Development YouTube Channel: https://www.youtube.com/channel/UClfbNSFre5pOmEhyEpGpyRw

⌚︎ Timestamps
00:00 - Introduction
00:17 - 1 - Live Server
01:17 - 2 - Auto Rename Tag
02:44 - 3 - Prettier
03:50 - 4 - IntelliSense for CSS class names in HTML
06:45 - 5 - CSS peek
08:01 - 6 - CSS Grid Snippets
10:09 - 7 - CSS Flexbox Cheatsheet
11:30 - 8 - Lorem ipsum
12:11 - 9 - vscode-icons/Material Icon Theme
14:28 - 10 - GitLens
15:41 - Conclusion

***

Become a more effective Developer by using Kite!

Kite is a free AI-powered coding assistant that will help you code faster and smarter. The Kite plugin integrates with all the top editors and IDEs to give you smart completions and documentation while you’re typing. I've been using Kite for 6 months and I love it!

To learn more, click here: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codingtech&utm_content=description-only







Tags:
vs code
visual studio code
html
vs extensions
css