Jerry 平時在寫一些簡單的 SAP UI5 應用時，喜歡從這篇文章里介紹的腳手架應用作為模板，開始編程：

一個用于SAP UI5學習的腳手架應用，沒有任何后臺API的依賴

上面這篇文章的SAP UI5腳手架應用，使用到了nodejs express庫作為本地服務器，來預覽 SAP UI5 應用運行時的效果。

今天我找到了另一個 Visual Studio Code 擴展：Live Server，作者是 Ritwick Dey, 使用起來同樣非常方便：

安裝好Visual Studio Code Live Server之后，Visual Studio Code右下角狀態欄里，會看到Go Live的按鈕。選中一個html文件，點擊該按鈕：

即可自動打開瀏覽器，渲染該選中的html：

Live Server提供了豐富的配置項：

https://github.com/ritwickdey/vscode-live-server/blob/master/docs/settings.md

使用命令 netstat -aon|findstr 5500, 查看Live server默認監聽在5500端口號上：

進程id為 21008

命令行：C:\app\VSCode-1.48.2\Code.exe --inspect-port=0 c:\app\VSCode-1.48.2\resources\app\out\bootstrap-fork --type=extensionHost

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的一个好用的Visual Studio Code扩展 - Live Server，适用于前端小工具开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。