打開VScode，點擊坐標(biāo)工具欄的最后一個進(jìn)入插件安裝

如果沒有顯示左邊的工具欄，也可以在View中找到Extensions進(jìn)入插件安裝

在搜索框中輸入Live Server，在搜索結(jié)果中找到如下，選擇安裝

安裝完成需要重啟軟件插件才能生效。

重啟過之后，新建一個工作區(qū)（也可以直接拖一個文件夾到vscode中），在這里創(chuàng)建一個HTML文件做測試，注意單獨(dú)新建一個HTML文件拖動到IDE中是使用不了Live Server的，需要把這個HTML文件放到創(chuàng)建的工作區(qū)(文件夾)中，新建完成后我們可以在狀態(tài)欄上看到一個Go Live，單擊會自動打開瀏覽器并顯示。

提示：如果之前也有HTML項目，直接把項目根文件夾拖動到VScode中就會自動添加到工作區(qū)。

如果沒有狀態(tài)欄上，也可以在文件上單擊右鍵，選擇Open With Live Server這一項

接下來修改代碼我們只需要ctrl+S保存修改后的代碼，瀏覽器自動刷新

相關(guān)文章教程推薦：vscode教程