WindowsでVSCodeでChromeのデバッガを使おうとしたときうまくつながらなかったので、その解決策を備忘録として書いておきます。

事象：
「このサイトにアクセスできませんlocalhost で接続が拒否されました。次をお試しください接続を確認するプロキシとファイアウォールを確認する」というメッセージがでる。

解決策：
サーバーを立ち上げ、ポート番号をサーバーが立ち上がっている番号に合わせる。

１）VSCodeのライブサーバー機能をオンにする。
ライブサーバを立ち上げるとポート番号が画面下のタスクバーに表示されます。

２）launch.jsonにあるURLをサーバが立ち上がっている番号に手動で合わせる。
まず、デフォルトで作られるlaunch.jsonがこちら。portは8080になっている。

これを手動でサーバの立がっている番号に書き換える。このときは5501でした。

こうしておいてデバッガのlaunchボタン▷をクリックすると繋げました。

以上です。