Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
July 23, 2020 02:15 am GMT

VS Code & Web Dev

There are many different text editors out there but by far one of my favorites is VS Code. It's an incredibly lightweight option with the added benefit of being open source makes it a great choice for new developers or experienced professionals. In this article, we are going to talk about some great extensions to use, and how to install if you don't already have it.

Extensions

An extension is a way to add features and functionality to VS Code examples include languages, debuggers, and tools.

Beautify

While programming my main goal is to get the program, feature, or product running quickly (yes, of course after I seek to find ways to optimize) and with that formating usually falls to the wayside. One of my favorite extensions is to help me quickly format is Beautify.

Alt Text

Beautify is a great way to format the HTML, JS, and more.

Better Comments

The next one I use quite often is Better Comments. I am an incredibly visual person when it comes to learning. The Better Comments extension will help you create more human-friendly comments in your code.

Alt Text

With this extension, you will be able to categorize your annotations into:

  • Alerts
  • Queries
  • TODOs
  • Highlights
  • Commented out code can also be styled to make it clear the code shouldn't be there
  • Any other comment styles you'd like can be specified in the settings

Chrome Debugger

Lastly probably the most needed extension is incorporating a debugger. The one that I use for Web development is Google Chrome Debugger.

Alt Text

The benefits here allows you to:

  • Setting breakpoints, including in source files when source maps are enabled
  • Stepping, including with the buttons on the Chrome pageThe Locals pane
  • Debugging eval scripts, script tags, and scripts that are added dynamically
  • Watches
  • Console

If you thought any of these extensions are great or would like to try Visual Studio Code here is the link to download: https://code.visualstudio.com/download

Already using Visual Studio Code, put your favorite extension in the comments below! Thanks for reading follow for more!


Original Link: https://dev.to/snappydevlpr/vs-code-web-dev-2f9k

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To