如何在vscode上運行前端代碼

如何在vscode上運行前端代碼

一般我們安裝完vscode需要安裝很多插件,使vscode支持相關的功能,下面我們來看一下vscode運行前端代碼的方法。

vscode 可安裝靜態web服務器? Live Server用于運行前端代碼,方便調試。最新的 Live Server已支持php動態頁面。

安裝方法是,點擊左側第五個圖標,打開“擴展”頁面,在文本框中輸入Live Server,點擊第一個搜索結果,在右側頁面中點擊安裝,等待安裝完成。

運行方式是,選中項目,點擊屏幕下方工具欄中的Go live按鈕即可。再點擊一次,即停止運行服務器。

立即學習前端免費學習筆記(深入)”;

Live Server有一些默認配置選項,用戶可以修改。點擊 文件->首選項->設置, 在右側頁面中找到 Live Server Config,其中列出的是本插件的配置屬性。將其復制到右側,修改屬性值,點擊保存即可。

例如,修改默認的端口,可以復制以下代碼到頁面的右側的用戶設置中:

"liveServer.settings.port":?5501

相關文章教程推薦:vscode教程

以上就是如何在

? 版權聲明
THE END
喜歡就支持一下吧
點贊7 分享