VS Code如何安裝Debugger for Chrome外掛

2019-12-18 19:16:06

開啟Visual Studio Code，在左側面板中找到【擴充套件】按鈕並點選，如圖：

然後在搜尋方塊中輸入【Debugger for Chrome】，搜尋Debugger for Chrome外掛，如圖：

在搜尋結果中找到【Debugger for Chrome】並點選【install】按鈕，中文版的話就點選【安裝】按鈕，開始安裝Debugger for Chrome外掛，如圖：

Visual Studio Code安裝完Debugger for Chrome外掛後，點選【重新載入】，如圖：

重新載入完成後，Visual Studio Code上的Debugger for Chrome外掛就被啟動了，可以用來偵錯程式碼了，如圖:

如果不想使用Debugger for Chrome外掛，可以點選【禁用】按鈕，將該外掛禁用；如果Debugger for Chrome外掛被禁用了要重新使用的話就點選【啟用】，然後重新載入就可以使用了。