vscode使用教程 前端 vscode如何用瀏覽器預(yù)覽運(yùn)行html文件?
vscode如何用瀏覽器預(yù)覽運(yùn)行html文件?現(xiàn)在,程序員在編寫程序時(shí)經(jīng)常使用vscode編輯器。用vscode預(yù)覽瀏覽器運(yùn)行的HTML是一個(gè)大問題。打開vscode軟件工具并單擊進(jìn)入“擴(kuò)展存儲(chǔ)”。2
vscode如何用瀏覽器預(yù)覽運(yùn)行html文件?
現(xiàn)在,程序員在編寫程序時(shí)經(jīng)常使用vscode編輯器。用vscode預(yù)覽瀏覽器運(yùn)行的HTML是一個(gè)大問題。
打開vscode軟件工具并單擊進(jìn)入“擴(kuò)展存儲(chǔ)”。
2. 搜索并安裝兩個(gè)插件“在瀏覽器中打開”和“在瀏覽器中查看”。
3. 找到要運(yùn)行的HTML文件,然后單擊以選擇默認(rèn)瀏覽器。
總結(jié)如下:
1。打開工具,點(diǎn)擊進(jìn)入開發(fā)庫
2。搜索并安裝兩個(gè)插件:在瀏覽器中打開和在瀏覽器中查看
3。找到要運(yùn)行的文件,右鍵單擊并選擇默認(rèn)瀏覽器
如果要編輯HTML并直接運(yùn)行,可以通過Ctrl-Shift-P搜索“配置任務(wù)運(yùn)行程序”,按enter鍵打開任務(wù).json,修改它:
vscode怎么打開瀏覽器?
我們可以安裝兩個(gè)插件:
1。在瀏覽器中打開
使用:在HTM文件中單擊鼠標(biāo)右鍵,然后在右鍵菜單中單擊“在瀏覽器中查看”,打開要運(yùn)行的瀏覽器;
ALT B,運(yùn)行;
ALT shift B,切換不同的瀏覽器運(yùn)行;
優(yōu)點(diǎn):您可以運(yùn)行多個(gè)界面
2[瀏覽器
使用:在HTM文件中單擊鼠標(biāo)右鍵,然后在右鍵菜單中單擊“在瀏覽器中查看”以打開要運(yùn)行的瀏覽器;
但是,在預(yù)覽這兩個(gè)插件時(shí),您需要跳轉(zhuǎn)到Google browser,打開一個(gè)選項(xiàng)卡,并在調(diào)試過程中來回跳轉(zhuǎn),不太方便。
3. 建議使用“實(shí)時(shí)服務(wù)器預(yù)覽”。
此插件不需要打開其他瀏覽器;它直接在vscade中預(yù)覽HTML,并自動(dòng)實(shí)時(shí)更新,因此保存和查看時(shí)不必按住Ctrl+s
使用:F1->彈出窗口,輸入live,然后在右邊會(huì)出現(xiàn)一個(gè)預(yù)覽窗口
vscode相對(duì)更容易使用和友好,有更多的插件,更強(qiáng)大的代碼提示和完成功能。它與相關(guān)的前端打包部署工具和代碼管理工具具有較強(qiáng)的親和力,具有良好的生態(tài)性。
最重要的一點(diǎn)是vscode已經(jīng)逐漸成為編程的主流編輯器。用戶太多了,他們不必?fù)?dān)心遇到問題時(shí)找不到答案。