DEV Community

Naman Garg
Naman Garg

Posted on

Best vs code Extensions for Web Development

Introduction

Although there are many amazing vs code extensions for web development, but here are some extensions which I feels every web developer should have this in their toolkit

Extensions

  1. ESLint: This extension allows you to identify and automatically fix problems with your JavaScript code.
    https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

  2. Prettier: This extension formats your code so that it is easy to read and consistent across different editors.
    https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

  3. Live Server: This extension allows you to easily spin up a local development server to test your web projects.
    https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

  4. Debugger for Chrome: This extension allows you to debug your JavaScript code in the Chrome browser.
    https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

  5. IntelliSense for CSS class names: This extension provides intelligent autocompletion for CSS class names in your HTML and CSS files.
    https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

Try My Extension 😄😄
1) https://marketplace.visualstudio.com/items?itemName=NamanGarg.bootstrap5-snippets-helper

2) https://marketplace.visualstudio.com/items?itemName=NamanGarg.CodeCompanion

Conclusion

These are just a few examples of the many great extensions available for web development in Visual Studio Code. To find more, you can search for "web development" in the Extensions marketplace in VS Code.

Also follow me on Twitter: https://twitter.com/NamanGarg2075

Top comments (0)