An Interest In:
Web News this Week
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
- March 26, 2024
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.
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.
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.
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
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To