開始使用適用于 Visual Studio Code 的 DevTools 擴充功能

這些教學課程會逐步引導您完成數種開啟和關閉 DevTools 的方式，也可讓您開始修改 CSS 和偵錯 JavaScript。

• 在 Visual Studio Code 總管中，以滑鼠右鍵按一下 .html 示範執行的檔案，而不需要執行網頁伺服器。 請參閱 以滑鼠右鍵按一下 HTML 檔案開始使用。

• 按一下 [ 啟動實例 ] 按鈕，以實驗示範 成功 網頁。 請參閱 按一下 [啟動實例] 按鈕開始使用。

• 按一下 [ 啟動專案] 按鈕，在 localhost 網頁伺服器上執行 示範待辦 ，並將網頁的 URL 儲存在 中 launch.json 。 請參閱 按一下 [啟動專案] 按鈕開始使用。

另請參閱

• 開啟 DevTools 和 DevTools 瀏覽器
• 適用于 Visual Studio Code 的 Microsoft Edge DevTools 擴充功能

GitHub：

• 示範-執行 - 在伺服器上執行的 github.io 示範 Web 應用程式。
• 示範待辦的原始程式碼
• MicrosoftEdge/Demos 存放庫