VS Code Extensions You’ll Love Using for Your Next Project

Hi reader, hope you are doing well. I’m writing this article to list out the extensions I love using when I work with VS Code (it works well if you working on web projects). These extensions have been time-saving tools for me and I hope the same for you. Without wasting any of your precious time, let me introduce the list of extensions that I use in VS Code.

1. Better Comments : This extension will help you create more human-friendly comments in your code. You will be able to distinguish between different comments and just like any extension you can also customize it in VS Code. Link— Better Comments Extension
2. Code Spell Checker: Have you ever been frustrated with not knowing how you spell a word, you need not worry anymore with Code spell checker. This extension will highlight the words that you spell wrong. Link— Code Spell Checker Extension
3. Code Time: Ever wondered how many hours you spend on coding? This open source extension records the amount of time you spend coding, it also records other metrics like time in editor, active time coding, lines added, lines removed, keystrokes (don’t worry they don’t steal your code). Link— Code Time Extension
4. Color Highlight: This extension helps you in deciphering what color is the hex code. It’s a must have if you work with css. Link — Color Highlight Extension
5. DotENV: If you have worked with Dotenv files you know that VS code does not support syntax highlighting. This extension helps in solving that. Link— DotENV Extension
6. ESLint: Linters are some of the best tools available for a developer working with javascript. You can find problems and solve them ASAP if you have this extension and do some setup for your project. You can learn more about ESLint here — ESLint Why and How to Use ESLint in Your Project Link— ESLint Extension
7. Gitlens: Another great open source extension available for VS code. This extension is git on steroids, it helps you visualize code authorship at a glance, it gives you valuable insight on the code. Link— GitLens Extension
8. IntelliCode: Visual Studio IntelliCode extension offers AI-assisted development capabilities with insights based on understanding your code context and machine learning. Works with Python, TypeScript/JavaScript, and Java. Link— IntelliCode Extension
9. Live Share: Regardless of the programming languages you use or the kinds of apps you create, Visual Studio Live Share enables you to edit and debug together in real time. You can share your current project quickly (and securely), and as needed, you can also share debugging sessions, terminal instances, localhost web applications. Link— Live Share Extension
10. Material Icon Theme: Tired of the stock icon pack of VS code. You can spice up your IDE with this extension which helps in customizing your icons in IDE. You won’t be disappointed. Link— Material Icon Theme Extension
11. One Dark Pro: Combine Material Icon Theme with this extension and you are ready to boost your IDE custom theme game. One Dark Pro is one of the most installed theme for VS Code. Link— One Dark Pro Extension
12. Path Intellisense: This extension reduces stress of finding out the path of a file that you are trying to import in a file aka it helps in auto completing filenames. Link— Path Intellisense Extension
13. Prettier: Prettier + Eslint = every devs perfect JS setup. It works by analyzing your code and restructuring it according to the standard you define, it maintains a consistent style. Link— Prettier Extension
14. Stylelint : You need this extension to integrate ESLint with Prettier. Use Prettier for code formatting concerns, and ESLint for code-quality concerns. Link— Stylelint Extension

Thanks for reading this article, if you like reading stuff follow me. You have a good one!