VS Code在本地進行調試和打開本地服務器

進行本地調試

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

 

 2.配置launch.json文件，根據步驟來。file就是你在瀏覽器中需要運行的文件的路徑。

 

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

 

開啟服務器

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

npm install -g live-server

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

live-server