Whether you are just starting out in web development or you have been coding for years. I’ve added a list of VS Code tools that will help make your code that much better.
- Live Server
Live Server launches a local server with a live reload feature both for static and dynamic pages. This allows you to see changes directly in the browser, making to easier to spot errors.
2. Prettier
Prettier is an opinionated code formatter. Prettier enforces a consistent code style across entire codebase. A pretty cool feature you can set up, is that it will format your code saving you a ton of time.
3. Bracket Pair Colorizer
This extension allows matching brackets to be identified with colors! Custom bracket characters can also be configured, and you can add a background color to the active scope too!!
4. CSS Peak
CSS Peak supports all the normal capabilities of symbol tracking, but does it for css selectors. (classes, IDs and HTML tags). It allows you you to jump right to the CSS code if you already know the class or id name.
5. Auto Rename Tag
Auto Rename Tag renames an element tag, opening or closing automatically. Effective and super simple to use.
6. Better Align
If you love the look of perfectly aligned code, use Better Align. You can align multiple variable declarations, sections of code, comments, etc.
7. Better Comments
Better Comments color codes your comments for you and gives them significance to help them stand out. There are color codes for questions, alerts and highlights.
8. Javascript Code Snippets
Javascript Code Snippets provides you with popular pieces of ES6 code. There is no longer any reason to re-write the same snippets of code.
9. Icons
Icons help you differentiate between files and folders, adding logo icons for each. This helps with organization when coding, there is no longer a need to search through every folder looking for one file.
10. iTunes and Apple Music Player
This is my personal favorite, this extension allows you to play music directly from VSCode. This is extremely useful when you are in the midst of writing code and you find it a hassle to open your music applications to browse through songs. This extension allows you to skip, replay, or pause any song as needed.