超简单工具puer——“低碳”的前后端分离开发
jopen
9年前
前几天，跟一同事(MIHTool作者)讨教了一下开发调试工具。其实个人觉得相较于定制一个类似MIHTool的Hybrid App容器，基于长连的B/S架构的工具其实会是一个更轻量的解决方案。此文会分享一下超简单工具puer，以及如何利用它在产品开发的各阶段实现高效的开发。
本文title有点大哈，相较于目前国内正流行起来的前端后移的前后端分离方案，本文介绍是一种“低碳”的版本，所以不要纠结于这个Title的正确性哈。
简介
简而言之，Puer是一个可以实时编辑刷新的前端服务器。特性一览:
- 提供一个当前或指定路径的静态服务器
- 所有浏览器的实时刷新：编辑css实时更新(update)页面样式，其它文件则重载(reload)页面
- 提供简单熟悉的mock请求的配置功能，并且配置也是自动更新。
- 可用作代理服务器，调试开发既有服务器的页面，可与mock功能配合使用
- 集成了weinre，并提供二维码地址，方便移动端的调试
- 可以作为connect中间件使用(前提是后端为nodejs，否则请使用代理模式)
可以发现这里功能并不多，但罗列的基本都是实际前端开发中会涉及到的。可能敏锐的朋友会点出，同类的browser-sync提供了更强的操作同步的功能。这点其实主要不想去盲目攀比功能(实现其实并不难，因为基础的注入脚本已经做了，剩下的都只是功能堆砌)，目前的出发点都是作者实际的需求(好吧，其实是懒)。还有就是，其实puer诞生比它要早一年多。
写在最后
名字含义 ： puer意为普洱，除了爱喝和够短没有任何含义，懒得取名罢了。
写puer的原动力是作者对f5网页免刷新工具欲求不满（况且它如此简单的功能还需要开启一个桌面gui完全不能忍是么），所以功能抉择上带有一些主观性。如果你试用后，觉得它有价值并有改进余地，可以在issues下留下你的灼见(必须先来一发star)。
碰到问题先puer -h看看有没有你的答案
资源汇总
- puer（推荐）: “低碳”的前端服务器工具
- weinre(推荐): 常用远程调试工具
- z(推荐): Shell工具，快速跳转到最常用的目录。
- browser-sync: 包含puer的部分功能，同时提供多页面的操作同步(跳转、表单)
- MIHTool:MIHTool是前端工程师在iOS设备上调试和优化页面的得力助手（原slogan）
- sublime-terminal: 快速打开sublime工程或当前文件目录
- f5网页免刷新工具：基于air的免刷新gui工具，习惯windows的gui工具的童鞋可以试用下。
项目主页：http://www.open-open.com/lib/view/home/1414464497481