vscode右鍵選擇瀏覽器運(yùn)行html文件怎么實(shí)現(xiàn)?

我們利用Vscode軟件編寫html的時(shí)候,一般都想右鍵選擇html文件,然后直接選擇瀏覽器運(yùn)行,但是默認(rèn)是沒有的。我們可以自己設(shè)置呀,下面我們就來看看詳細(xì)的教程。

Visual Studio Code(代碼編輯器) v1.83.1 32位 官方中文免費(fèi)綠色版
- 類型:編譯工具
- 大?。?/span>120MB
- 語言:簡體中文
- 時(shí)間:2023-10-13
1、首先我們新建一個(gè)html文件,你可以用記事本編寫一個(gè),如下圖所示
2、接著將html文件導(dǎo)入到VsCode軟件中,如下圖所示
3、我們直接在html文件中右鍵單擊你發(fā)現(xiàn)并沒有選擇瀏覽器運(yùn)行的選項(xiàng)
4、接著點(diǎn)擊左側(cè)的最后一個(gè)按鈕,在輸入框輸入如下內(nèi)容,點(diǎn)擊第一個(gè)的安裝
5、然后我們?cè)谑髽?biāo)右鍵,這個(gè)時(shí)候就有Open In default browse選項(xiàng)了,如下圖所示
6、另外我們還可以選擇Open in other browse,在彈出的界面中選擇瀏覽器即可
以上就是vscode右鍵選擇瀏覽器運(yùn)行html文件的技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
vscode怎么設(shè)置鍵映射擴(kuò)展? vscode鍵映射的教程
VisualStudio Code怎么按文件名搜索? vscode按文件名搜索的教程
相關(guān)文章
VSCode怎么關(guān)閉文件斷點(diǎn)? VSCode閉文件中斷點(diǎn)的技巧
VSCode怎么關(guān)閉文件斷點(diǎn)?VSCode開啟了允許在任何文件中設(shè)置斷點(diǎn),想要關(guān)閉,該怎么關(guān)閉呢?下面我們就來看看VSCode閉文件中斷點(diǎn)的技巧,需要的朋友可以參考下2020-04-20vscode中pip一直升級(jí)失敗該怎么解決? pip升級(jí)報(bào)錯(cuò)的解決辦法
vscode中pip一直升級(jí)失敗該怎么解決?vscode升級(jí)pip時(shí)候一直提示升級(jí)錯(cuò)誤,無法升級(jí),該怎么辦呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2020-03-20vscode怎么創(chuàng)建scrapy項(xiàng)目? vscode新建項(xiàng)目的技巧
vscode怎么創(chuàng)建scrapy項(xiàng)目?vscode編程開發(fā)的時(shí)候,想要新建scrapy項(xiàng)目,該怎么操作呢?下面我們就來就來看看vscode新建項(xiàng)目的技巧,需要的朋友可以參考下2020-03-18- vscode怎么安裝REST API插件并測試?vscode中有很多插件,想要安裝REST API插件,在測試 REST API (作為HTTP Client)的時(shí)候用的到,下面我們就來看看詳細(xì)的教程,需要的朋2020-01-07
- vscode怎么安裝iTextSharp?經(jīng)常使用vscode編程開發(fā),想要安裝iTextSharp使用,該怎么安裝呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-12-17
vscode調(diào)用c項(xiàng)目后怎么引用dll?
vscode調(diào)用c#項(xiàng)目后怎么引用dll?vscode中使用用c#的時(shí)候想要引用dll,該怎么使用呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-12-17- VSCode用戶代碼片段怎么使用?VSCode中想要使用戶代碼片段功能,針對(duì)用戶自定義代碼段來實(shí)現(xiàn)快捷開發(fā),該怎么使用呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-09-02
- vsCode怎么調(diào)用外部瀏覽器查看效果?vsCode編程開發(fā)的時(shí)候,想要使用外部瀏覽器查看效果,該怎么調(diào)用外部瀏覽器呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-08-30
VSCode怎么創(chuàng)建vue制作一個(gè)跑馬燈效果?
VSCode怎么創(chuàng)建vue制作一個(gè)跑馬燈效果?想要使用vue制作一個(gè)跑馬燈效果,該怎么直走呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-07-31- vscode怎么設(shè)置背景圖片?vscode軟件想要設(shè)置一個(gè)圖片背景,該怎么將背景換成圖片呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2019-07-17