Puer安装及前端应用

Puer安装及前端应用

Puer是一个可以实时编辑刷新的前端服务器。特性一览:
提供一个当前或指定路径的静态服务器
所有浏览器的实时刷新:编辑css实时更新(update)页面样式,其它文件则重载(reload)页面
提供简单熟悉的mock请求的配置功能,并且配置也是自动更新。
可用作代理服务器,调试开发既有服务器的页面,可与mock功能配合使用
集成了weinre,并提供二维码地址,方便移动端的调试
可以作为connect中间件使用(前提是后端为nodejs,否则请使用代理模式)

一、安装:

安装NodeJS后,cmd输入命令行

npm install puer -g

输入puer -h 查看帮助,验证是否安装成果

puer -h
二、应用场景
场景1:实时编辑刷新的前端服务器

1、新建任意文件夹,cmd进入目录,输入puer
2、自动打开http://localhost:8000页面(端口可以 -p 8001参数进行控制)
3、新建index.html,实时修改,自动刷新

<br/>

场景2:便捷模拟ajax数据接口,快速开发小型应用

1、新建router.js并添加代码

module.exports = {
  "GET /v1/posts/:id": function(req, res, next){
    res.send({
      title: "title changed",
      content: "tow post hahahah"
    })
  },
  "PUT /v1/posts/:id": function(){
  },
  "POST /v1/posts": function(){
  },
  "DELETE /v1/posts/:id": function(){
  }
}

2、输入命令:

puer -a route.js

3、输入 http://localhost:8000/v1/posts/1即可访问接口返回模拟的Json数据

{
      title: "title changed",
      content: "tow post hahahah"
}

<br/>

场景3:集成了weinre,实现远程调试

cmd输入

puer -i

1、手机连接内网,访问本地ip地址或扫描puer提供的二维码
2、新窗口打开(或点击nav to weinre terminal)http://localhost:9001/client/#anonymous 即可进行远程调试


感谢你的阅读,本文由 前端汇 版权所有。
如若转载,请注明出处:前端汇(//statics.jsout.com/page/127.html)