Atomの間違いチェックlinterが表示しているProjectエラー数は、ペイン表示&チェック実行したファイルのみのカウントです。

スポンサーリンク
スポンサーリンク

Atomでhtmlやcssの間違いチェックでステータスバーに表示しているProjectタブのエラー数は、ツリービューに表示しているプロジェクタフォルダ内のファイルすべてに存在するエラー数ではないの?間違いチェックをするlinterパッケージがステータスバーに表示しているProjectタブは、一見するとプロジェクトフォルダに存在するすべてのファイルのエラー総数を表示しているようにみえます。

しかしAtomの間違いチェックlinterが表示しているProjectエラー数は、「ペインに表示していて、さらにペインで間違いチェックlinterを実行したファイルのみ」です。プロジェクトフォルダに存在するすべてのファイルのエラー総数ではありません。今日はその検証をしてみましょう。

そうそうその前に……
ツリービューって何?というひとはこちらを先にご覧ください。→プロジェクトフォルダが何かと一言でいえばツリービューに登録したフォルダ

間違いチェックをするパッケージであるlinterステータスバーの見方についてよくわからない人はコチラをご覧ください。

Atomでエラーチェックをするlinterステータスバーの見方・使い方
Atomテキストエディタでエラーチェックをしてくれるlinterパッケージをインストールしてみたけど、ステータスバーの見方・使い方がよくわからない……と困っていませんか?今日はAtomでエラーチェックをするLinterステータスバーの見方・...

htmlファイルの間違いチェックをする方法がよくわからない人はこちら。

Atomでhtmlのコーディング間違いチェックをするlinter-htmlhintの使用方法
Atomテキストエディタでhtmlコーディングの間違いチェックをしてくれるlinter-htmlhintパッケージ(=補助プログラム)をインストールしたけど、使い方がよくわからないんだけど……と思いませんか?ということで今日は、Atomテキ...

cssファイルの間違いチェックをする方法がよくわからない人はこちら。

Atomでcssのコーディング間違いチェックをするlinter-csslintの使い方
Atomテキストエディタでcssのコーディング・スペルミス・構文など間違いチェックをするにはどうしたらいいの……よくわからない……と思いませんか? Atomでcssの間違いチェックをする時にはlinter-csslintパッケージ(=補助...

あと、やっぱりlinterを使いこなすのはムズカシイなぁという人はw3c-validationパッケージ便利です。

AtomでHTMLとCSSの文法チェッカー「W3C Markup Validator」を利用するw3c-validationパッケージのインストール方法と使い方
AtomでHTMLとCSSの文法チェッカー「W3C Markup Validator」を利用するw3c-validationパッケージをインストールする方法および使い方の説明をしますね。 『linterの文法チェックをつかっているけど難...

ということで前置きが長くなりましたが、準備はOKでしょうか? それでは、検証をはじめますね。

htmlファイルでprojectエラー数を検証

まずhtmlファイルでprojectエラー数がどのように変化するかを検証してみましょう。以下の画像のツリービューを見てください。ここには2つのエラーファイル index_err.html と about_err.html があります。この時点では間違いチェックlinterによってエラー数やエラー情報が表示されません。

まずは、index_err.htmlをペインに表示して、間違いチェックlinterを実行してみます。


この時点でindex_err.htmlにある2か所のエラー数やエラー情報が表示されます。projectタブにもエラー数2と表示されていますね。

もう1つのエラーファイル about_err.html をペインに表示して間違いチェックlinterを実行してみます。


この時点で先ほどエラーチェックを行った index_err.html に加えて、about_err.html にある2か所のエラー数やエラー情報も表示されます。つまり合計4か所ですね。projectタブにもエラー数4と表示されていますね。

それでは、ペインに表示している about_err.html を閉じてみましょう。


linterステータスバーに表示されているエラー数やエラー情報がindex_err.htmlにある2か所だけになりましたね。projectタブのエラー数も4→2に減りました。

このことから、Atomで間違いチェックlinterが表示しているエラー数は、「ペインに表示していて、さらにペインで間違いチェックlinterを実行したファイルのみ」ということがわかります。

cssファイルでprojectエラー数を検証

次にcssファイルでprojectエラー数を検証してみましょう。cssの場合はペインに表示したタイミングで間違いチェックlinterが実行され、エラー数やエラー情報が表示されます(→css間違いチェックをするlinter-csslintの使い方)。ペインに index_err.html が表示されている状態で、さらにエラーファイル style3.css を開いてみましょう。


この時点でindex_err.htmlに加えて、style3.css にある2か所のエラー数やエラー情報も表示されます。つまり合計4か所ですね。projectタブにもエラー数4と表示されていますね。

それでは、ペインに表示している style3.css を閉じてみましょう。


linterステータスバーに表示されているエラー数やエラー情報が index_err.html にある2か所だけになりましたね。projectタブにもエラー数2と表示され、減少していることがわかりますね。

まとめ

今日はAtomの間違いチェックlinterがステータスバーで表示しているProjectタブのエラー数のカウント方法を検証してみました。Projectエラー数は、ツリービューに表示しているプロジェクタフォルダ内のファイルすべてに存在するエラー数ではなく、「ペインに表示していて、さらにペインで間違いチェックlinterを実行したファイル」のエラー数をカウントしています。

とはいっても、やっぱりlinterを使いこなすのはムズカシイなぁという人はw3c-validationパッケージ便利ですよ→AtomでHTMLとCSSの文法チェッカー「W3C Markup Validator」を利用するw3c-validationパッケージのインストール方法と使い方

それでは。

コメント

タイトルとURLをコピーしました