VSCode怎么安裝插件運(yùn)行HTML文件?
我要評(píng)論剛開(kāi)始使用VS Code的時(shí)候，我們都會(huì)發(fā)現(xiàn)這個(gè)軟件很多功能都沒(méi)有，特別是在運(yùn)行簡(jiǎn)單的HTML文件的時(shí)候，它居然也不能運(yùn)行，無(wú)論我們?cè)趺凑疫\(yùn)行按鈕，都沒(méi)有發(fā)現(xiàn)可以運(yùn)行的按鈕，其實(shí)運(yùn)行HTML文件是需要安裝插件才能運(yùn)行的。該怎么安裝插件順利運(yùn)行htmlwenj8ian呢？下面我們就來(lái)看看詳細(xì)的教程。
Visual Studio Code(代碼編輯器) v1.117.0 64位 中文免費(fèi)綠色版
- 類(lèi)型：編譯工具
- 大?。?/span>215MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2026-04-23
1、先打開(kāi)我們的VS Code軟件，然后新建一個(gè)HTML文件，注意，在VS Code軟件里面新建一個(gè)文件，它的后綴名也必須寫(xiě)上
2、這時(shí)候我們寫(xiě)好HTML內(nèi)容之后，鼠標(biāo)右鍵，發(fā)現(xiàn)沒(méi)有運(yùn)行HTML文件的按鈕，那么我們?cè)撊绾芜\(yùn)行HTML文件呢？
3、我們需要點(diǎn)擊VS Code軟件左邊的“擴(kuò)展”，或者同時(shí)按住鍵盤(pán)上的Ctrl+shift+I鍵進(jìn)入“擴(kuò)展”界面
4、進(jìn)入“擴(kuò)展”界面之后，我們?cè)谒阉骺騼?nèi)輸入“open”，然后找到“open in browser ”，點(diǎn)擊右下角的“install”進(jìn)行安裝
5、安裝之后，我們就可以進(jìn)行我們的HTML文件的運(yùn)行了。安裝完成之后，我們?cè)俜祷氐轿覀兊腍TML界面，然后鼠標(biāo)右鍵，找到下圖標(biāo)識(shí)的選項(xiàng)進(jìn)行運(yùn)行
6、我們也可以直接按住鍵盤(pán)上的Alt+B鍵進(jìn)行運(yùn)行，這時(shí)候我們就可以在網(wǎng)頁(yè)上看到我們的HTML文件已經(jīng)被運(yùn)行了。
以上就是VSCode安裝插件運(yùn)行HTML文件的技巧，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
vscode怎么使用? vscode基礎(chǔ)使用和設(shè)置方法
vscode怎么新建項(xiàng)目? vscode創(chuàng)建項(xiàng)目的教程
相關(guān)文章
vscode怎么設(shè)置html標(biāo)簽自動(dòng)補(bǔ)全? vscode自動(dòng)補(bǔ)全html的技巧
vscode怎么設(shè)置html標(biāo)簽自動(dòng)補(bǔ)全？vscode修改html標(biāo)簽名時(shí)，想要實(shí)現(xiàn)自動(dòng)補(bǔ)全的效果，該怎么設(shè)置呢？下面我們就來(lái)看看vscode自動(dòng)補(bǔ)全html的技巧，需要的朋友可以參考下2020-09-23
解決vscode 中保存后html自動(dòng)格式化的問(wèn)題
這篇文章主要介紹了vscode 中保存后html自動(dòng)格式化的問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-03-23
VSCode 自定義html5模板的實(shí)現(xiàn)
這篇文章主要介紹了VSCode 自定義html5模板的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)2019-12-05
SublimeText3怎么快速輸入html5格式？經(jīng)常使用Sublime Text3做一些編程開(kāi)發(fā)，今天我們就來(lái)簡(jiǎn)單介紹Sublime Text3文件基本格式快速輸入的方法，需要的朋友可以參考下2019-04-24Sublime Text2怎么新建一個(gè)HTML頭部文件?
Sublime Text2怎么新建一個(gè)HTML頭部文件？Sublime Text2中想要生成一個(gè)html文檔的頭部文件，但是按住Tab鍵根本沒(méi)反應(yīng)，該怎么辦恩？下面我們就來(lái)看看詳細(xì)的教程，需要的朋2016-11-19sublime / vscode 快捷生成HTML代碼的實(shí)現(xiàn)
這篇文章主要介紹了sublime / vscode 快捷生成HTML代碼的實(shí)現(xiàn),本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-02
