超簡單工具puer——“低碳”的前后端分離開發

前幾天，跟一同事(MIHTool作者)討教了一下開發調試工具。其實個人覺得相較于定制一個類似MIHTool的Hybrid App容器，基于長連的B/S架構的工具其實會是一個更輕量的解決方案。此文會分享一下超簡單工具puer，以及如何利用它在產品開發的各階段實現高效的開發。

本文title有點大哈，相較于目前國內正流行起來的前端后移的前后端分離方案，本文介紹是一種“低碳”的版本，所以不要糾結于這個Title的正確性哈。

簡介

簡而言之，Puer是一個可以實時編輯刷新的前端服務器。特性一覽:

• 提供一個當前或指定路徑的靜態服務器
• 所有瀏覽器的實時刷新：編輯css實時更新(update)頁面樣式，其它文件則重載(reload)頁面
• 提供簡單熟悉的mock請求的配置功能，并且配置也是自動更新。
• 可用作代理服務器，調試開發既有服務器的頁面，可與mock功能配合使用
• 集成了weinre，并提供二維碼地址，方便移動端的調試
• 可以作為connect中間件使用(前提是后端為nodejs，否則請使用代理模式)
</ul>

可以發現這里功能并不多，但羅列的基本都是實際前端開發中會涉及到的。可能敏銳的朋友會點出，同類的browser-sync提供了更強的操作同步的功能。這點其實主要不想去盲目攀比功能(實現其實并不難，因為基礎的注入腳本已經做了，剩下的都只是功能堆砌)，目前的出發點都是作者實際的需求(好吧，其實是懶)。還有就是，其實puer誕生比它要早一年多。






寫在最后

名字含義 ： puer意為普洱，除了愛喝和夠短沒有任何含義，懶得取名罷了。

寫puer的原動力是作者對f5網頁免刷新工具欲求不滿（況且它如此簡單的功能還需要開啟一個桌面gui完全不能忍是么），所以功能抉擇上帶有一些主觀性。如果你試用后，覺得它有價值并有改進余地，可以在issues下留下你的灼見(必須先來一發star)。

碰到問題先puer -h看看有沒有你的答案

資源匯總

1. puer（推薦）: “低碳”的前端服務器工具
2. weinre(推薦): 常用遠程調試工具
3. z(推薦): Shell工具，快速跳轉到最常用的目錄。
4. browser-sync: 包含puer的部分功能，同時提供多頁面的操作同步(跳轉、表單)
5. MIHTool:MIHTool是前端工程師在iOS設備上調試和優化頁面的得力助手（原slogan）
6. sublime-terminal: 快速打開sublime工程或當前文件目錄
7. f5網頁免刷新工具：基于air的免刷新gui工具，習慣windows的gui工具的童鞋可以試用下。

項目主頁：http://www.baiduhome.net/lib/view/home/1414464497481