诸暨汉妇网络科技有限公司

電腦技術(shù)網(wǎng) - 從此開始了解電腦、科技、手機、智能硬件、網(wǎng)絡(luò)相關(guān)的各項適用知識!

電腦技術(shù)網(wǎng)_it資訊_游戲攻略_手機教程_電腦教程_無線路由器設(shè)置_設(shè)置無線路由器_辦公軟件教程_電腦系統(tǒng)安裝_電腦維修知識

Visual Studio Code在瀏覽器中運行HTML的方法

欄目:軟件教程
已被:人瀏覽過
本文主要介紹:visualstudiocode是微軟推出的一款源代碼編輯器,該軟件可以幫助你進行各種語言的編寫,一般情況下我們常用的就是編寫c語言、c++以及HTML,在使用該軟件進行編寫代碼的時候,你可以會將自己編

  visual studio code是微軟推出的一款源代碼編輯器,該軟件可以幫助你進行各種語言的編寫,一般情況下我們常用的就是編寫c語言、c++以及HTML,在使用該軟件進行編寫代碼的時候,你可以會將自己編寫好的代碼通過一個瀏覽器打開,查看一下在瀏覽器中運行HTML的狀態(tài),但是很多小伙伴發(fā)現(xiàn)在編寫的代碼程序無法通過瀏覽器打開,其實這種情況是由于該軟件中還沒有安裝一個Open in Browser擴展,我們需要將該擴展安裝成功之后,才能打開瀏覽器進行運行代碼,而安裝Open in Browser擴展需要在擴展應(yīng)用功能頁面中進行安裝即可,下方是關(guān)于如何使用visual studio code在瀏覽器運行HTML的具體操作方法,如果你需要的情況下可以看看方法教程。

Visual Studio Code在瀏覽器中運行HTML的方法

方法步驟

  1.首先我們將visual studio code點擊打開,然后編輯HTML代碼,然后在頁面中左下角的位置點擊齒輪狀的圖標。

Visual Studio Code在瀏覽器中運行HTML的方法

  2.接著在打開的菜單選項中選擇【擴展】選項進入即可,如圖所示。

Visual Studio Code在瀏覽器中運行HTML的方法

  3.進入之后我們需要在擴展的框中輸入【Browser】,隨后即可在頁面下方出現(xiàn)關(guān)于該詞語的相關(guān)擴展,我們直接選擇【Open in Browser】點擊【安裝】按鈕即可。

Visual Studio Code在瀏覽器中運行HTML的方法

  4.安裝之后,在右側(cè)頁面中會顯示出一個已安裝的提示信息,說明安裝成功了。

Visual Studio Code在瀏覽器中運行HTML的方法

  5.安裝完成之后,我們就可以在編輯好的HTML頁面上用上鼠標右鍵點擊選擇【Open in default Browser】進入到瀏覽器中。

Visual Studio Code在瀏覽器中運行HTML的方法

  6.在打開的瀏覽器中即可查看自己編輯的HTML的運行狀態(tài),由于小編編輯的HTML是錯誤的,因此這里無法在瀏覽器中查看到運行的效果。

Visual Studio Code在瀏覽器中運行HTML的方法

  以上就是關(guān)于如何使用visual studio code在瀏覽器中運行HTML的具體操作方法,如果你想要在瀏覽器中運行HTML代碼,那么就需要在visual studio code安裝一個Open in Browser擴展才可以進行操作,如果你不知道怎么操作的話可以通過上述方法進行操作即可,需要的話就試試吧。

本文地址: http://www.laotiku.cn/rjjc/36550.html 手機版

相關(guān)推薦Related Recommendations