一般我們安裝完VsCode需要安裝很多插件，讓vscode支援相關的功能，下面我們來看看vscode運行前端程式碼的方法。
vscode 可安裝靜態web伺服器 Live Server用於執行前端程式碼，方便偵錯。最新的 Live Server已支援php動態頁面。
安裝方法是，點擊左側第五個圖標，打開「擴展」頁面，在文字方塊中輸入Live Server，點擊第一個搜尋結果，在右側頁面中點擊安裝，等待安裝完成。
運作方式是，選取項目，點選畫面下方工具列中的Go live按鈕即可。再點擊一次，即停止運行伺服器。
Live Server有一些預設設定選項，使用者可以修改。點選 檔案->首選項->設置， 在右側頁面中找到 Live Server Config，其中列出的是本插件的配置屬性。將其複製到右側，修改屬性值，點擊儲存即可。
例如，修改預設的端口，可以複製以下程式碼到頁面的右側的使用者設定：
"liveServer.settings.port": 5501
相關文章教學推薦：vscode教學
以上是如何在vscode上運行前端程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
