vscode 可安裝靜態web服務器 Live Server用於運行前端代碼,方便調試。最新的 Live Server已支持php動態頁面。
安裝方法是,點擊左側第五個圖標,打開“擴展”頁面,在文本框中輸入Live Server,點擊第一個搜索結果,在右側頁面中點擊安裝,等待安裝完成。
運行方式是,選中項目,點擊屏幕下方工具欄中的Go live按鈕即可。再點擊一次,即停止運行服務器。
Live Server有一些默認配置選項,用戶可以修改。點擊 文件->首選項->設置, 在右側頁面中找到 Live Server Config,其中列出的是本插件的配置屬性。將其復制到右側,修改屬性值,點擊保存即可。例如,修改默認的端口,可以復制以下代碼到頁面的右側的用戶設置中。
"liveServer.settings.port": 5501
點擊保存,默認的端口就有5500改為5501.
其他設置的含義,查找該插件的說明文檔。
注意,VSCode 中的所有設置都是通過json格式的數據配置的。用戶可以查找對應的key值,修改其value,從而修改配置屬性。