Learn Coding (WebDev Team)
1.18K subscribers
6 photos
124 videos
31 files
93 links
Web Development Articles, Tutorials and Other Resources.

Resources: @WebDevStuff

Deals & Offers: OliviaMikayla @anonymous_guy_bot

Main Group: @WebDevChat

Github: https://github.com/websitdev

Contact: webdevchat.com
Download Telegram
9 Phenomenal VS Code Extensions Every Developer MUST Have

CodeSnap

CodeSnap is an extension similar to carbon.now.sh which creates eye-candy screenshots of code directly in Visual Studio Code that can be shared on the web.

Settings Sync

Settings Sync will allow you to upload your VSCode settings as a GitHub Gist which can later be restored. If you are someone who keeps switching computers or has multiple operating systems on the same computer. This extension is a must.


CSS Peek

CSS Peek is a life-saver if you have a huge #CSS file. It allows you to quickly peek at a CSS file by selecting a class or ID of an HTML element.

:emojisense:

Who doesn't love emojis? Emojis in code are fun and useful at the same time. :emojisense: lets you quickly insert emojis in your code or comments by leveraging the built-in VSCode IntelliSense.

Sort lines

Sort lines will sort lines either alphabetically or by line length. This makes code look much better and easier to read. I assign the shortcut F9 and use it to sort CSS rules by line length.

colorize

Are you a web developer? This extension helps you visualize color codes directly in Visual Studio Code helping you find mis-colorings directly in your code editor. It is a must-have if you write a lot of CSS.

Path Intellisense

Path Intellisense is useful to every #developer. Often times, we have to link CSS files, import JavaScript files etc. When the project is big, it's a pain to manually find the path of the file and then link it properly.

Emmet Live

Most developers write HTML. Emmet is an extension that lets you write #HTML quickly! With Emmet Live you can see what exactly does the Emmet code produce and most importantly it is super cool when you want to show off.

cdnjs

cdnjs, as the name implies lets you quickly find CDN links to popular libraries and inserts them automatically. This reduces that one "switch to google chrome, and search the web" thing to make your coding workflow faster.

Thank you 🙏 for reading. If you could Post on your channel/group and share with your developer friends, it would be awesome 🤩