web-dev-qa-db-ja.com

Visual StudioコードからChromeを起動するには？

フロントエンドの作品にVisual Studioコードを使用しています。 Chromeまたは任意のブラウザをデバッグモードで起動するか、Visual Studio Codeからhtmlファイルを実行するにはどうすればよいですか？

google-chromevisual-studio-code
6
Adil Saju

Chromeデバッグ用に、この拡張機能をインストールしました

https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

ブラウザでhtmlファイルを開くために、この拡張機能をインストールしました

https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser

8
deerawan

Visual Studio CodeでLive Serverを使用できます https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

1
Vegetaz

Visual StudioコードでJavascriptコードをデバッグする方法についてお答えします。マウスをクリックするだけで、行番号の前にデバッグポイントを追加する必要があります。そこにレッドポイントが追加されます。次に、[デバッグ]メニューに移動し、[デバッグの開始]をクリックしてブラウザーを起動し、JSコードをデバッグモードで実行します。これがあなたの質問に答えることを望みます。

注：Chrome拡張機能にはchromeが必要です。Firefoxなどの他のブラウザーの場合は、Debugger for Firefox拡張機能を追加してください。

1
Nilam