- puer 是一个可以实时编辑刷新的前端服务器。 它的特性有:
- 提供一个当前或指定路径的静态服务器
- 浏览器的实时刷新:编辑css实时更新(update)页面样式,其它文件则重载(reload)页面
- 提供简单熟悉的mock请求的配置功能,并且配置也是自动更新。
- 可用作代理服务器,调试开发既有服务器的页面,可与mock功能配合使用
- 集成了weinre,并提供二维码地址,方便移动端的调试
- 可以作为connect中间件使用(前提是后端为nodejs,否则请使用代理模式)
- 作者暂时只使用了前两点,以后用到更复杂的需求,接着补充。。。
安装
- 使用
npm
全局安装puer命令
npm install puer -g
- 输入
puer -h
可以查看Help
使用
- 进入项目目录下,进入
cmd
环境,输入puer
,浏览器会自动打开http://localhost:8000/
(端口可以-p 8001参数进行控制),编辑当前路径下的文件,会实时更新页面(无论你在多少台电脑打开多少个页面)。 效果如下:
- 我们看到这个文件夹下有两个
.html
文件,修改哪个文件,点击相应的按钮,浏览器会跳转到相应的页面,比如 index.html 页面
- 之后我们只要修改 index.html 文件,一保存浏览器就会刷新,实时看到效果