這篇文章將為大家詳細(xì)講解有關(guān)在vscode上運(yùn)行前端代碼的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)服務(wù)商，為中小企業(yè)提供網(wǎng)站設(shè)計(jì)、網(wǎng)站制作服務(wù)，網(wǎng)站設(shè)計(jì)，綿陽服務(wù)器托管等一站式綜合服務(wù)型公司，專業(yè)打造企業(yè)形象網(wǎng)站，讓您在眾多競爭對手中脫穎而出創(chuàng)新互聯(lián)建站。

一般我們安裝完VsCode需要安裝很多插件，使vscode支持相關(guān)的功能，下面我們來看一下vscode運(yùn)行前端代碼的方法。

vscode 可安裝靜態(tài)web服務(wù)器  Live Server用于運(yùn)行前端代碼，方便調(diào)試。新的 Live Server已支持php動(dòng)態(tài)頁面。

安裝方法是，點(diǎn)擊左側(cè)第五個(gè)圖標(biāo)，打開“擴(kuò)展”頁面，在文本框中輸入Live Server，點(diǎn)擊第一個(gè)搜索結(jié)果，在右側(cè)頁面中點(diǎn)擊安裝，等待安裝完成。

運(yùn)行方式是，選中項(xiàng)目，點(diǎn)擊屏幕下方工具欄中的Go live按鈕即可。再點(diǎn)擊一次，即停止運(yùn)行服務(wù)器。

Live Server有一些默認(rèn)配置選項(xiàng)，用戶可以修改。點(diǎn)擊 文件->選項(xiàng)->設(shè)置， 在右側(cè)頁面中找到 Live Server Config，其中列出的是本插件的配置屬性。將其復(fù)制到右側(cè)，修改屬性值，點(diǎn)擊保存即可。

例如，修改默認(rèn)的端口，可以復(fù)制以下代碼到頁面的右側(cè)的用戶設(shè)置中：

"liveServer.settings.port": 5501

關(guān)于在vscode上運(yùn)行前端代碼的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

本文名稱：在vscode上運(yùn)行前端代碼的方法-創(chuàng)新互聯(lián)
本文來源：http://www.weahome.cn/article/djsdgs.html