Top 10 VSCode Extensions for Web Development
VSCode is the default code editor for many web developers for a good reason. Itβs nearly infinitely extendable with many extensions. Here are 10 of my favorite extensions in 2022 for HTML, CSS, and JavaScript.
—————————————
π Extensions π
1. Auto Rename Tag: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
2. Better Comments: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments
3. CodeSnap (Take beautiful screenshots of your code): https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap
4. Color Highlight: https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight
5. Import Cost: https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
6. GitLens β Git supercharged: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
7. Prettier – Code formatter: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
8. Text Pastry: https://marketplace.visualstudio.com/items?itemName=jkjustjoshing.vscode-text-pastry
9. Multiple cursor case preserve: https://marketplace.visualstudio.com/items?itemName=Cardinal90.multi-cursor-case-preserve
10. Path Intellisense: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
—————————————
πΉ Related/Mentioned Videos πΉ
– Google Calendar Event Page: https://www.youtube.com/watch?v=SOsGToYI0MQ&list=PLoqZcxvpWzzeuzWsIpH-N1b3vnRVbrdm3
– Notion as a CMS: https://www.youtube.com/watch?v=mukkm6o6Pjw&list=PLoqZcxvpWzzdJiW95Y7nDqY8XsiKTgo17
– Analogue World Clocks: https://www.youtube.com/watch?v=tYKlLQmg6OM
– Reviews Slider: https://www.youtube.com/watch?v=lXuMz73XgM4&list=PLoqZcxvpWzzecFBfpOkZ8CxLibgVJFuCC
—————————————
β²οΈ Timestamps β²οΈ
0:00 Introduction
1:02: Auto Rename Tag
1:30 Better Comments
2:30 CodeSnap
3:06 Color Highlight
3:46 Import Cost
4:20 GitLens
5:05 Prettier
5:39 Text Pastry
6:57 Multiple cursor case preserve
7:35 Path Intellisense
—————————————
π Connect With Me π
– Website: https://www.codinginpublic.dev
– Blog: https://www.chrispennington.blog
– Twitter: https://twitter.com/cpenned
Comments are closed.