Jerry 平时在写一些简单的 SAP UI5 应用时，喜欢从这篇文章里介绍的脚手架应用作为模板，开始编程：

[一个用于SAP UI5学习的脚手架应用，没有任何后台API的依赖](https://www.jianshu.com/p/240aa728f103)

上面这篇文章的SAP UI5脚手架应用，使用到了nodejs express库作为本地服务器，来预览 SAP UI5 应用运行时的效果。

![](https://img-blog.csdnimg.cn/img_convert/81e4f9dd3424fa25537b2982a5ecefcc.png)

今天我找到了另一个 Visual Studio Code 扩展：Live Server，作者是 Ritwick Dey, 使用起来同样非常方便：

![](https://img-blog.csdnimg.cn/img_convert/09e7c5afc34d97ce91acf2ea95145247.png)

安装好Visual Studio Code Live Server之后，Visual Studio Code右下角状态栏里，会看到Go Live的按钮。选中一个html文件，点击该按钮：

![](https://img-blog.csdnimg.cn/img_convert/3557467f1850e5e337bcf5a3cbb30533.png)

即可自动打开浏览器，渲染该选中的html：

![](https://img-blog.csdnimg.cn/img_convert/3a4d19c5fe919fe2d33b6d5a7bbd983f.png)

Live Server提供了丰富的配置项：

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

使用命令 netstat -aon|findstr 5500, 查看Live server默认监听在5500端口号上：

![](https://img-blog.csdnimg.cn/img_convert/1b7ce737d22b7bffbab3f4cf5278a592.png)

进程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

![](https://img-blog.csdnimg.cn/img_convert/1665ad55ea1eacccdafce5f9a3297f82.png)

ITPub博客

一个好用的Visual Studio Code扩展 - Live Server，适用于前端小工具开发