【Visual Studio Code】jshint,HTML-hint ってどんな機能ですか？

JavaScriptの勉強をしており
Microsoft Visual Studio Codeをダウンロードしました。

追加として推奨されているプラグインをいくつかインストールしました。

ですがVisual Studio Codeを起動すると「jshint 」、「HTML-hint」について
以下のエラーメッセージがでます。

どんな機能なのかよくわからないので頑張って使えるようにした方が良いのか
放置しても大差ないのかわかりません。

詳しい方、「jshint 」、「HTML-hint」がどんな機能の
プラグインなのか教えて下さい。
※もし使えるようにした方がいいようなプラグインの場合
以下の件もお願いします。

追記
・「jshint 」のインストール方法
・「HTML-hint」が動作するための設定

※エラーメッセージは画像の通りです。
・npm Intellisenseはインストール済みです
・画面の「Retry」ボタンは機能しませんでした。
・「jshint 」と「HTML-hint」の個別のエラーメッセージは捕捉の画像に貼りつけておきます。

質問者からの補足コメント

• 

  「jshint 」のエラーメッセージはこちらです。
  
  ※画像が小さくなるので「HTML-hint」のエラーメッセージは別の捕捉に貼りつけておきます。

  
    補足日時：2019/03/12 01:14

• 

  「HTML-hint」のエラーメッセージはこちらです。

  
    補足日時：2019/03/12 01:15

• 

  続きです。
  
  「通知」の話ですが展開したところ以下のように表示されるので
  どちらもインストールはされているようです。
  
  なので
  「HTML-hint」：
  インストールされているが動作していない。
  
  「JSHint」：
  インストールされているがインストールされていることを認識していない。
  ※動作していない
  
  ということだと思います。
  
  このことがわかったので１歩前進ですが、出来たら両方とも使ってみたいとは思っています。
  
  それと使えた時にはどんな画面になるのか知りたい(見たい)、、、という気持ちです。
  
  お手数でなければ、動作や設定に関して何かお気付きの点があれば、
  再度、ご指摘頂ければうれしいです。
  
  ご面倒でしたら、スルーでOKです。
  
  今回は解答して頂きありがとうございます。
  機会がありましたら、またお願いします。
  
  ※質問はしばらく開けておきます。

  
  No.1の回答に寄せられた補足コメントです。 補足日時：2019/03/13 04:01

No.1 ベストアンサー 回答者： admiral_ya 回答日時： 2019/03/13 01:24

どちらもググれば直ぐ解りますよ

jshint JavaScript の構文チェッカー
HTML-hint HTML の構文チェッカー

エラーを見るに VS coden のプラグインを入れたのに、プラグインの呼び先と成るそれぞれのツール本体を入れていないのでは?

jshint については、最初の「通知」でインストール方法が出ているので、HTML-hint についても「通知」を展開してやればインストール方法が解るのではないでしょうか?

この回答へのお礼

解答して頂きありがとうございます

アドバイス通り確認してみました
順番にいきますね

>エラーを見るに VS coden のプラグインを入れたのに、プラグインの呼び先と成るそれぞれのツール本体を入れていないのでは?
>jshint については、最初の「通知」でインストール方法が出ているので、HTML-hint についても「通知」を展開してやればインストール方法が解るのではないでしょうか?
↓
「通知」を展開したところどちらもインストールされていました。
※捕捉に画像を貼りつけておきます。

>どちらもググれば直ぐ解りますよ
jshint JavaScript の構文チェッカー
HTML-hint HTML の構文チェッカー
↓
アドバイスありがとうございます

JSHint
https://bit.ly/2T3Tvvu

コピペで作成したJavaScriptを貼り付けると、定義されていない／利用されていない変数やオブジェクトや、構文ミスを指摘してくれる大変便利なサービス。瞬時にチェックしてます
↓
このページを見たのですが意味がよくわかりませんでした

「コピペで作成したJavaScriptを貼り付けると」

ということはVisual Studio Codeの中でアイコンのようなものをクリックすると
別の「JSHint」という別のソフトが立ち上がって
そのソフトの中にコピーしたコードを貼りつけるということでしょうか？

それともプラグインなのでVisual Studio CodeのJavaScriptの書いてある
コードの画面上で

・セミコロン忘れ
・「msg」変数が定義されていない
・「message」変数が利用されていない

などがあれば、文字の色や背景色が変わって
エラーを気付かせてくれる
という機能なのでしょうか？


「HTML-hint」
こちらはわかりました
↓
https://bit.ly/2TvAZRX
「エラー箇所はｘ印が付き、マウスホバーでヒントが出ます」

こちらは Visual Studio Code の画面上でエラー箇所に
「エラー箇所はｘ印が付き、マウスホバーでヒントが出る」
ということですね

HTMLでワザと間違えて確認したところ「ｘ印」が表示されないので
残念ですが動作はしていないようですが

続きは捕捉に貼りつけておきます

お礼日時：2019/03/13 03:41