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

一個用于SAP UI5學(xué)習(xí)的腳手架應(yīng)用，沒有任何后臺API的依賴

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

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

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

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

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

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

使用命令 netstat -aon|findstr 5500, 查看Live server默認(rèn)監(jiān)聽在5500端口號上：

進(jìn)程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的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。