Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Learning coding
seal-mask
.a{fill-rule:evenodd;}techdegree
Learning coding
Front End Web Development Techdegree Student 9,937 Points

How can you debug html code with Visual Studio Code?

I don't know where in this community anymore, but I read someone recommending Visual Studio Code for debugging html code. On youtube I couldn't find a relevant video on this subject and didn't got an answer on stackoverflow.

3 Answers

I'd suggest looking into Atom or Sublime.

There are some linters you can install that will alert you automatically if you have any errors or incorrect mark-up.

For example: link

No problem. Let me know if you need any help setting the linter up.

If you decide to use Atom, make sure to install the base linter. Then you can install as many linters as you'd like. A full list of the available linters can be viewed here. I personally use linter-jshint. It's nifty when writing a lot of JavaScript. But there looks to be four linters available for HTML. linter-tidy and linter-htmlhint will be the most useful for your purposes.

Anyway, there are other alternatives out there for Sublime and other text editors or IDEs. I just personally use Atom for all of my work.

stjarnan
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
stjarnan
Front End Web Development Techdegree Graduate 56,488 Points

Hi there!

I have tried and used all three editors mentioned. They are all great. Personally I use Visual Studio Code, and it works great. There is an extension called HTMLHint to help you with finding errors in your code which might be what you were looking for.

Whichever one you choose, good luck!