2020年7月22日 星期三

VSCode Live Server Go live 不顯示問題

        安裝 VSCode 以及 Live Server 套件的過程有眾多文章可供參考,這邊只說明我遇到的情況,系統是 Windows 10 。

        這個問題困擾我非常之久,如果推到 github pages 等待更新又曠日廢時,解決了記錄下來以免換電腦又炸了。

1.
使用工作區開啟檔案, VSCode 預設應該可以直接開啟資料夾為工作區,如果沒看到也可以從檔案將檔案所在資料夾加入工作區。


然後按鈕應該就修好了

但是苦難還沒結束

2.
Server is started at 5500 but failed to open in Browser Preview. Got Browser Preview extension installed? 
出現了這個錯誤訊息要從Live Server的設定裡去修改,如附圖所示,取消那個勾勾。


然後再點一次Go live按鈕



感人的修好了,會顯示網址而不是檔案,可以測試一些登入驗證之類的東西了。