LoginSignup
4

More than 5 years have passed since last update.

【Atom】HTML 構文エラーを絶対に見逃さない!!

Posted at

前提

1個もエラーを出さない!という意味ではなく、
あくまで見逃さないということなので、許容とするものなどは各々でご判断ください。

使用するパッケージ

  • linter-htmlhint
  • w3c-validation

linter-htmlhint

書きながらリアルタイムで構文エラーチェックをしてくれるパッケージです。
こちらを導入されている方は多いのではないでしょうか。

ただ、このパッケージではエラー判定をしてくれないものが稀に存在するようです。
今のところ確認出来ているのは、空白文字(U+000b)が紛れ込んでいた場合でもスルーされていました。

w3c-validation

保存したタイミング(デフォルト設定)で構文エラーチェックをしてくれるパッケージです。
スルーされてしまったエラーを補うために導入してます。
(空白文字のエラー判定もちゃんと出ました)

なので、リアルタイムでの「linter-htmlhint」と保存時の「w3c-validation」で二重チェックを行っているということです。

まとめ

色々なサイトを見ていると、
「あ~初歩的な構文エラーが出てる~」ってことがよくありますので、
そういうもったいないミスは機械的に防ぎましょう(-ω-)/

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4