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

這些教學會帶你了解開啟和關閉 DevTools 的多種方法，並開始修改 CSS 和除錯 JavaScript。

• 在 Visual Studio Code 的檔案總管中右鍵點擊.html「Demo To Do」檔案，無需執行網頁伺服器。 請參見 右鍵點擊 HTML 檔案開始。

• 點擊 啟動實例 按鈕，試用 試玩成功 版。 請點擊啟動 實例按鈕開始。

• 點擊 啟動專案 按鈕，在 localhost 網頁伺服器上執行 Demo To Do ，並將網頁的網址存於 launch.json。 請點 選「啟動專案」按鈕開始。

另請參閱

• 開啟 DevTools 與 DevTools 瀏覽器
• Microsoft Edge DevTools 擴充套件 for Visual Studio Code

GitHub：

• demo-to-do - 運行於 github.io 伺服器上的示範網頁應用程式。
• demo-to-do 的原始碼
• MicrosoftEdge/Demos repo