溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“html怎么加載live server插件”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“html怎么加載live server插件”文章能幫助大家解決問題。
Live Server介紹
Live Server 是一個具有實時加載功能的小型服務器，使用它進行 web 頁面開發就好像在服務器上修改頁面一樣。同時它因為具有實時加載功能，代碼修改后頁面會進行實時刷新，可以直觀的看到網頁的修改效果。
安裝
在插件市場搜索 Live Server，點擊安裝即可。
使用
Live Server 不能加載單個頁面，只能加載文件夾。可以新建一個文件夾，然后用 VSCode 打開這個文件夾。就快要在這個文件夾內進行web頁面的開發了。
在寫完代碼需要查看效果的時候，可以使用以下幾種方式運行 Live Server：
右下角狀態欄有一個 Go Live 按鈕，點擊即可運行（啟動后這個按鈕會變成 port：5500，這說明服務器部署在 localhost：5500 的端口下，再次點擊這個按鈕可以停止運行。此外也可以直接在瀏覽器通過訪問 localhost：5500 來查看網頁）。
在資源管理器右擊對應的 html 文件后會出現如下右鍵菜單，open with Live Server 也可以啟動服務器（也可以使用指令進行執行）。
在代碼文件中右擊，可以看到如下彈出菜單，與上一種方法相似，可以找到啟動服務器的功能。不同的是，這個菜單還提供 Stop Live Server 的按鈕，使用后可以關閉服務器（也可使用指令執行）。
注;可以同時啟動多個 Live Server，因此，端口號并不是固定的，但一般都是 5500 端口。另外，這個端口號可以設置，在 VSCode 配置文件中可以設置這個端口號，此處不多做深入介紹。
需要注意的坑：
在使用 Live Server 開發頁面的時候需要特別關注 html 與 css 中引用路徑的問題。有些時候引用路徑出現一些錯誤的時候，如果使用本地打開的方式會打開失敗，而 Live Server 有時候會忽視這種錯誤（能成功打開）。這并不是 Live Server 的問題，而是開發者自己的問題。所以在使用 Live Server 開發完代碼后，最好使用本地打開方式預覽一下頁面展示效果。
關于“html怎么加載live server插件”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
