如何在vscode上運(yùn)行前端代碼

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

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

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

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

立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

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

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

"liveServer.settings.port":?5501

相關(guān)文章教程推薦：vscode教程

以上就是如何在