vscode如何用瀏覽器預(yù)覽運(yùn)行html文件？現(xiàn)在，程序員在編寫程序時經(jīng)常使用vscode編輯器。用vscode預(yù)覽瀏覽器運(yùn)行的HTML是一個大問題。打開vscode軟件工具并單擊進(jìn)入“擴(kuò)展存儲”。2

vscode如何用瀏覽器預(yù)覽運(yùn)行html文件？

現(xiàn)在，程序員在編寫程序時經(jīng)常使用vscode編輯器。用vscode預(yù)覽瀏覽器運(yùn)行的HTML是一個大問題。

打開vscode軟件工具并單擊進(jìn)入“擴(kuò)展存儲”。

2. 搜索并安裝兩個插件“在瀏覽器中打開”和“在瀏覽器中查看”。

3. 找到要運(yùn)行的HTML文件，然后單擊以選擇默認(rèn)瀏覽器。

總結(jié)如下：

1。打開工具，點擊進(jìn)入開發(fā)庫

2。搜索并安裝兩個插件：在瀏覽器中打開和在瀏覽器中查看

3。找到要運(yùn)行的文件，右鍵單擊并選擇默認(rèn)瀏覽器

我們可以安裝兩個插件：

1。在瀏覽器中打開

使用方法：在HTM文件中單擊鼠標(biāo)右鍵，在瀏覽器右鍵菜單中單擊“查看”，可以打開瀏覽器運(yùn)行；

ALT B，運(yùn)行；

ALT shift B，切換不同瀏覽器運(yùn)行；

優(yōu)點：可以運(yùn)行多個界面

2。在瀏覽器中查看

用法：在HTM文件中單擊鼠標(biāo)右鍵，在瀏覽器的右鍵菜單中單擊“查看”，可以打開瀏覽器運(yùn)行；

但是這兩個插件在預(yù)覽時需要跳轉(zhuǎn)到Google瀏覽器，打開一個選項卡，調(diào)試時需要來回跳轉(zhuǎn)，這不是很方便。

3. 建議使用“實時服務(wù)器預(yù)覽”。

此插件不需要打開其他瀏覽器；它直接在vscade中預(yù)覽HTML，并自動實時更新，因此保存和查看時不必按住Ctrl+s

使用：F1->彈出窗口，輸入live，然后在右邊會出現(xiàn)一個預(yù)覽窗口

vscode相對更容易使用和友好，有更多的插件，更強(qiáng)大的代碼提示和完成功能。它與相關(guān)的前端打包部署工具和代碼管理工具具有較強(qiáng)的親和力，具有良好的生態(tài)性。

最重要的一點是vscode已經(jīng)逐漸成為編程的主流編輯器。用戶太多了，他們不必?fù)?dān)心遇到問題時找不到答案。