1.先在vscode上安裝 Debugger for Chromem

vscode 使用http協議打開頁面,錯誤

2.配置文件

3.安裝全局的本地服務器,

打開調試控制器 ctrl+shift+y,輸入live-server看是否安裝了本地服務器
打開終端,安裝的目錄不需要管,這里是全局安裝,npm install -g live-server
顯示樓上的頁面表示安裝成功

4.啟動服務器

再終端欄目輸入 live-server啟動本地服務器,就會調用系統的瀏覽器啟動
如果想啟動其他目錄的文件通過cd切換到響應目錄,之后再live-server啟動服務器即可

5.常見問題

這里需要注意的是你的頁面中的文件路徑必須正確,這個問題我犯了個打錯后來冷靜下來發現,我還是太菜l

　　　　1.for example html中的路徑　　　:

　　　　　　　　　 2.文件實際路徑:

　　　　　　　　　　3.live-server啟動路徑:vueLenver\practical> live-server ,這一請求發現css無法加載,於是乎,查看請求地址:Request URL:http://127.0.0.1:8080/assets/lib/bootstrap/css/bootstrap.min.css

　　　　　　　　　　4.修改錯誤: 服務器啟動地址:vueLenver> live-server ,地址欄輸入http://127.0.0.1:8080/practical/,找得到相應的文件即可,再次查看css請求地址:

　　　　　　　　　　　　　　　　1)Request URL:http://127.0.0.1:8080/practical/bootstrap.%E8%BD%AE%E6%92%AD%E5%9B%BE%E7%A7%BB%E5%8A%A8%E

　　　　　　　　　　　　　　　　2)我是真的菜,一個小錯誤,肆老金

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vscode 使用http協議打開file本地文件頁面,錯誤404 vscode跳轉時打開新頁面 VSCode怎樣打開任意多個代碼頁面 Netty中使用http協議使用wireshark分析TCP ——以HTTP協議為例 HTTP協議中PUT和POST使用區別 C/C++使用HTTP協議上傳解決WCF“接收對 http://xxx.svc 的 HTTP 響應時發生錯誤。這可能是由於服務終結點綁定未使用 HTTP 協議造成的。這還可能是由於服務器中止了 HTTP 請求上下文(可能由於服務關閉)所致" HTTP協議 HTTP協議