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

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

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

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

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

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

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

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

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