likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 35

一个好用的Visual Studio Code扩展 - Live Server,适用于前端小工具开发Jerry 平时在写一些简单的 SAP UI5 应用时,喜欢从这篇文章里介绍的脚手架应用作为模板,开始编程:

一个用于SAP UI5学习的脚手架应用,没有任何后台API的依赖

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

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

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

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

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

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

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

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

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

https://github.com/ritwickdey...

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

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

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

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

更多Jerry的原创文章,尽在:"汪子熙":一个好用的Visual Studio Code扩展 - Live Server,适用于前端小工具开发