![]() This extension allows matching brackets to be identified by colors. TypeScript Hero - Visual Studio Marketplace 16. Want to run specific code without setting up anything? It can be achieved if you have this extension.Ĭode Runner - Visual Studio Marketplace 15. GitLens - Git supercharged - Visual Studio Marketplace 14. It also helps to check what was the older code. The best tool to know when the block of code was changed and by whom. Live Server - Visual Studio Marketplace 13. It helps us to boost productivity for sure. This extension helps us to automatically refresh the browser once changes happened in the code. One of the tedious tasks during web development is that when we change code we need to refresh the browser to see the effect of new changes. Project Manager - Visual Studio Marketplace 12. It makes remote working easier with the option of Remote Projects. This extension comes to the rescue as it supports multiple projects in the sidebar. There are times when we work on multiple projects at a time and we need to open different projects in different folders. My best companion LOL.Ĭode Spell Checker - Visual Studio Marketplace 11. These extensions help to correct spelling while coding. One of the worst nightmares is in code review you get a comment to correct spelling. REST Client - Visual Studio Marketplace 10. This extension is handy to check responses in VSCode itself. In order to check the response before implementing code in UI, we mostly use Postman, SOAP UI, or REST client. We do deal with different service integrations and it might be REST or GraphQL services. ![]() This extension helps to rename the tag open/close tag automatically.Īuto Rename Tag - Visual Studio Marketplace 9. Sometimes we are thinking to change the tag name in order to do so if we change the first tag we need to go all the way down to search for the same tag to make changes. Path Intellisense - Visual Studio Marketplace 8. Path Intellisense helps autocompleting file paths when we start typing. We deal with different imports in our frontend development and sometimes it will be tougher to get proper syntax and we need to dig again and again to make a proper path in the code. ![]() Introducing Chrome Debugging for VS Code 7. If you want to debug in the VSCode then this is the best tool for you where you can run your own instance for chrome and debug easily in the VSCode. Live Share Extension Pack - Visual Studio Marketplace 6. It helps to share the project, offers terminal or debugging tools, and voice calls too. One of the best tools where you can edit or debug in someone less machine. Prettier - Code formatter - Visual Studio Marketplace 5. This extension helps to format any kind of code. Prettier - Code formatterįormatting is one of the keys which helps when you are working in a group as it is harder to read code if it is not formatted properly. JavaScript (ES6) code snippets - Visual Studio Marketplace 4. This extension helps to auto-complete ES6 related code. This extension does not only work for detecting issues but also auto-fix some of them.ĮSLint - Visual Studio Marketplace 3. Linting is one of the best tools for developers to figure out some of the coding issues upfronts. Visual Studio IntelliCode - Visual Studio Marketplace 2. It autocompletes the method or code if it is supported by the language you are writing on. It supports different JavaScript frameworks like Angular, React, and Next.js. This extension provides AI assistance for different languages such as Python, JavaScript, and Java. I would like to mention some extensions that have been really helpful in my frontend development journey. There are thousands of extensions in the Visual Studio Marketplace. ![]() Top 10 Useful VS Code Extensions For Web Developers ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |