VSCode怎么安裝插件運(yùn)行HTML文件?

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