溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關在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上運行前端代碼的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
