VS Code中使用live Server

live server可以實時查看代碼更改后的變化。測試十分快速。

1.安裝live server

在擴展中搜索 live server，然后點擊安裝。等待安裝完畢進行下一步配置。

 

 2.打開設置界面：VS Code 文件 > 首選項 > 設置，點擊右上角，進行

 

 

{
    //配置liveServer
    "liveServer.settings.donotVerifyTags": true,
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.NoBrowser": true,
    "liveServer.settings.CustomBrowser": "chrome",
    "liveServer.settings.host": "127.0.0.1",
    "liveServer.settings.port": 5500
}