1. 程式人生 > >使用Vs Code在本地進行調試和打開本地服務器

使用Vs Code在本地進行調試和打開本地服務器

code ins cli launch inf bubuko 查看 http itl

進行本地調試

1.在擴展中搜索插件 Debugger for Chrome 進行安裝。我已經進行了安裝,就沒有出現安裝字樣。

技術分享圖片

2.配置launch.json文件,根據步驟來。

技術分享圖片

3.配置好之後,直接使用調試是不行的,就和本地打開文件一個樣,這時候就需要開啟服務器。

開啟服務器

1.使用快捷鍵ctrl+Shift+y或者在查看裏面點擊調試控制臺來打開調試控制臺。選擇終端,在終端裏輸入 npm install -g live-server 進行安裝,確認之後會出現版本信息。

1 npm install -g live-server

2.然後再輸入live-server,你在本地調試配置文件中所填寫的文件路徑就會在瀏覽器新窗口彈出,然後就完美收工了。

1 live-server

技術分享圖片

技術分享圖片

使用Vs Code在本地進行調試和打開本地服務器