The importance of taking time out to check your code and html markup
February 18th, 2020
- Link to The importance of taking time out to check your code and html markup on anchorfm
I am noticing more and more that developers, new and experienced, rush to get their code deployed or sent for review, etc., and don’t check their code carefully before doing so. As a result, silly errors, which could cause not so silly issues, are overlooked. This means sloppy code.
It is so important to check your code as you go along.
ESLint for VS Code (that is the editor I use, for example),
Prettier Formatter for VS Code for
helpful and important to have, but oftentimes, the errors
reside in the
html! It is equally important to check for
errors in the
html markup. There are three
VS Code extensions I find extremely helpful in checking for errors
HTMLHint VS Codeextension by Mike Kaufman
Code Spell Checkerextension by Street Side Software
Highlight Matching Tagextension by vincasIt
HTMLHint is a static code analysis tool for
HTML. The way it works is
that errors in
HTML files are highlighted with
squiggly lines and you can hover over the
squiggly lines to see
the error message.
HTMLHint will only analyze the currently open
HTML file, and does not search for
HTML files to analyze
within your project folder.
Code Spell Checker is a spelling checker for
source code. It also
works well with
Highlight Matching Tag highlights
tags. This extension will try to match from anywhere:
tag attributes, from
inside strings, any
file, while also providing
extensive styling options to customize how tags are
These extensions are especially useful when the
markup becomes very large, and it would become very difficult to
find errors without them!
When you are working on a project, take the time to check for
errors after creating your
html markup, and use
tools such as these three plugins, along with the
(dbaeumer.vscode-eslint) extension for
VS Code by Dirk Baeumer, and
Prettier Code Formatter extension for
VS Code by Esben Petersen.
Those few extra minutes you take to check your
save you much time and aggravation in the long run. Things
can get very sticky when you are going through thousands of lines of
I will be embedding this episode of Plugging in The Holes along with a transcript in the form of a post on interglobalmedianetwork.com for your hearing and reading pleasure. I will be including the related resource links mentioned in the podcast of course. Always do. Bye for now!
Created by Maria D. Campbell who lives and works in New York City building and teaching useful things. You should follow her on Twitter.