首頁  >  文章  >  開發工具  >  怎麼使用瀏覽器查看VSCode寫的程式碼

怎麼使用瀏覽器查看VSCode寫的程式碼

angryTom
angryTom原創
2020-02-10 14:46:286579瀏覽

Vscode預設是在控制台下查看html文件,對於我們查看和調試都很不方便,那麼如何在瀏覽器中打開呢?

怎麼使用瀏覽器查看VSCode寫的程式碼

怎麼會使用瀏覽器查看VSCode寫的程式碼

1、新建一個HTML檔

怎麼使用瀏覽器查看VSCode寫的程式碼

2、點選左側的擴展,開啟擴展列

怎麼使用瀏覽器查看VSCode寫的程式碼

#3、在擴充功能列的搜尋列中輸入open in browser,找到open in browser這款插件,點選右下角「安裝」字樣即可安裝。

怎麼使用瀏覽器查看VSCode寫的程式碼

4、回到剛開始建置的HTML文件,在文件中滑鼠右鍵單擊,在彈出的視窗中選擇使用預設瀏覽器開啟或其他瀏覽器打開,也可以使用我們上面說的快捷鍵(Alt B或Shift Alt B)打開。

怎麼使用瀏覽器查看VSCode寫的程式碼

6、你想用其他瀏覽器打開,就選擇Open In Other Browsers(Shift Alt B,頂部會出現一個指令框,其中會顯示可以使用的瀏覽器,選擇自己需要的瀏覽器即可,在此,我們使用chrome開啟。

怎麼使用瀏覽器查看VSCode寫的程式碼

怎麼使用瀏覽器查看VSCode寫的程式碼

##相關文章教學推薦:

vscode教學

以上是怎麼使用瀏覽器查看VSCode寫的程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn