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

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

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

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

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

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

總結(jié)如下：

1。打開工具，點(diǎn)擊進(jìn)入擴(kuò)展庫(kù)

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

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

在設(shè)置中找到文件，在設(shè)置中找到文件文件.關(guān)聯(lián)，添加以下內(nèi)容（請(qǐng)注意，內(nèi)容應(yīng)放置在右側(cè)的用戶設(shè)置中，不在中間的默認(rèn)設(shè)置中）：{//配置文件與語(yǔ)言的關(guān)聯(lián)（例如“*”。擴(kuò)展名“：”HTML“）。它們優(yōu)先于所安裝語(yǔ)言的默認(rèn)關(guān)聯(lián)?！拔募?關(guān)聯(lián)": {" *. HTML“：”PHP“}}這樣，您就可以用HTML的擴(kuò)展名來(lái)識(shí)別文件中的PHP代碼，如圖所示

如果您想直接編輯HTML并運(yùn)行它，可以通過(guò)Ctrl-Shift-P搜索configure task runner任務(wù).json，修改它：

VSCode如何設(shè)置，才能在VSC里打開php文件到瀏覽器？

我們可以安裝兩個(gè)插件：

1。在瀏覽器中打開

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

ALT B，運(yùn)行；

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

優(yōu)點(diǎn)：您可以運(yùn)行多個(gè)界面

2[瀏覽器

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

但是，在預(yù)覽這兩個(gè)插件時(shí)，您需要跳轉(zhuǎn)到Google browser，打開一個(gè)選項(xiàng)卡，并在調(diào)試過(guò)程中來(lái)回跳轉(zhuǎn)，不太方便。

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

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

使用：F1->彈出窗口，輸入live，然后預(yù)覽窗口將出現(xiàn)在右側(cè)