vscode怎么邊寫邊看效果 一個擴(kuò)展幫你忙

時間：2021-06-13 14:37:50來源：作者：風(fēng)鈴過往我要評論 用手機(jī)看

掃描二維碼隨身看資訊

使用手機(jī) 二維碼應(yīng)用 掃描右側(cè)二維碼，您可以
1. 在手機(jī)上細(xì)細(xì)品讀~
2. 分享給您的微信好友或朋友圈~

很多程序員想要在vscode中實(shí)現(xiàn)邊寫代碼，邊看顯示效果的操作，其實(shí)這個只需借助一個擴(kuò)展就可以實(shí)現(xiàn)，下面就來教教大家如何操作。

【操作說明】

1、首先我們前往vscode的擴(kuò)展頁面，在里面搜索“live server”插件，然后選擇安裝。

live server擴(kuò)展

2、安裝好之后，我們打開文件—首選項—設(shè)置

3、在設(shè)置頁面中，選擇【用戶】—【擴(kuò)展】—【Live Server Config】將里面的Setting:Use Browser Preview勾選

Live Server Config

4、最后返回代碼頁面，在要瀏覽的代碼區(qū)鼠標(biāo)右鍵，選擇Open wiht Live Sever

Open wiht Live Sever

5、然后就可以查看代碼在瀏覽器中的效果了。

vscode怎么邊寫邊看效果

以上就是vscode實(shí)現(xiàn)邊寫代碼邊看效果的方法了，一個擴(kuò)展就能解決，是不是非常的簡單呢，當(dāng)然了，不只是live server，還可以是其他同類插件哦，快去試試吧。

Visual Studio Code

Visual Studio Code

類別：編程工具   大?。?9.6M    語言：簡體中文

評分：10
網(wǎng)友評論
圖文推薦