首頁 > 開發工具 > VSCode > 主體

vscode怎麼讓程式碼從瀏覽器打開

hzc
發布: 2020-07-02 14:37:01
原創
10826 人瀏覽過

vscode怎麼讓程式碼從瀏覽器打開

vscode讓程式碼從瀏覽器開啟的方法:

open in browser

在vscode擴充功能中搜尋「view in browser」外掛程式並點選安裝,點選資源管理器選取目前檔案右鍵選擇「View In Browser」即可在預設瀏覽器中開啟頁面。

vscode怎麼讓程式碼從瀏覽器打開
即時刷新方法一:livereload

#在項目目錄下執行指令:

browser-sync start --server --files "**/*.css,**/*.html,**/*.js"
登入後複製

方法:

  • 「檢視」中選擇“整合終端”,指令列輸入以上指令

vscode怎麼讓程式碼從瀏覽器打開

  • 本機檔案右鍵選擇“在終端機中開啟”,在終端機命令列中輸入指令

vscode怎麼讓程式碼從瀏覽器打開

以上兩種方法實現的效果和原理相同,都可後台運行,按下快捷鍵「control c」退出目前運行進程。

實作刷新方法二:

安裝Live HTML Previewer插件,點選頁面左下角Preview Available。


注意:有了livereload可以不需要安裝「view in browser」外掛程式。

推薦教學: 《vscode入門教學

以上是vscode怎麼讓程式碼從瀏覽器打開的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板