Visual Studio Code 用 DevTools 拡張機能の使用を開始する

これらのチュートリアルでは、DevTools を開いたり閉じたりするいくつかの方法について説明します。また、CSS の変更と JavaScript のデバッグも始めます。

• Web サーバーを実行することなく、Visual Studio Code のエクスプローラーで Demo To Do の.html ファイルを右クリックします。 「HTML ファイルを右クリックして開始する」を参照してください。

• デモの成功 Web ページを試すには、[インスタンスの起動] ボタンをクリックします。 「 インスタンスの起動」ボタンをクリックして開始するを参照してください。

• [ プロジェクトの起動 ] ボタンをクリックして、localhost Web サーバーで Demo To Do を 実行し、Web ページの URL を launch.jsonに格納します。 「 プロジェクトの起動」ボタンをクリックして作業を開始するを参照してください。

関連項目

• DevTools と DevTools ブラウザーを開く
• Visual Studio Code 用 Microsoft Edge DevTools 拡張機能

GitHub:

• demo-to-do - github.io サーバーで実行されているデモ Web アプリ。
• demo-to-do のソース コード
• MicrosoftEdge/Demos リポジトリ