学习笔记

96 阅读1分钟

live-server的使用:

一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,
但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为
一个实时服务器实时查看开发的网页或项目效果。

官网地址:

http://tapiov.net/live-server/

安装方法:

使用nmp全局安装命令:
npm install -g live-server。
或者直接在vscode直接搜索扩展安装。

使用方法

打开cmd,直接cd到项目目录文件夹执行live-server命令。
或者在vscode Debugging中配置:
1、点击调试和运行按钮

屏幕截图 2022-02-09 052733.jpg

2、点击绿色三角选择调试环境,会在.vscode 文件夹下面自动生成一个json文件,
将对应的url属性替换成live-server值。window默认为 "url": "http://localhost:8080"

屏幕截图 2022-02-09 053328.jpg

Debugging官网链接

https://go.microsoft.com/fwlink/?linkid=830387