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

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

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

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

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

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

總結(jié)如下：

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

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

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

1。通過快捷方式打開visualstudio代碼工具，然后創(chuàng)建一個新的靜態(tài)頁面。

2. 創(chuàng)建靜態(tài)頁面表格.html，并添加頁面代碼，然后保存并使用瀏覽器查看。

3. 單擊“文件”菜單并選擇“打開文件夾”以將項目導(dǎo)入到VisualStudio代碼中。

4. 導(dǎo)入后，檢查是否安裝了項目所依賴的包以及項目配置文件。

5. 創(chuàng)建一個新的終端窗口，并在命令行中輸入NPM run dev來運行項目。

6. 然后單擊文件并創(chuàng)建一個新的typescript文件ct.ts公司，添加相應(yīng)的代碼。

7. 打開一個終端窗口，檢查是否安裝了typescript插件，并使用TSC命令運行該文件。

VS Code如何運行HTML文件？

我們可以安裝兩個插件：

1。在瀏覽器中打開

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

ALT B，運行；

ALT shift B，切換不同的瀏覽器運行；

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

2。在瀏覽器中查看

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

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

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

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

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