工欲善其事必先利其器，好用的工具大大提高工作效率。在做GIS系統中，有幸跟楊琛師哥一起做專案，新接觸了幾款前端IDE、原型工具，以及前端框架。整理了一下，有需要的就拿去玩玩兒。

一、兩款畫原型圖工具：

二、一款前端IDE：

三、兩款前端框架：

4、MUI：

用途：最接近原生APP體驗的高效能前端框架

特點：輕量（100+k、60+k）、以iOS平臺UI為基礎，補充部分Android平臺特有的UI控制元件、體驗流暢。

使用者體驗：訂餐系統

體驗MUI：

（Mui + hbuilder）：

    mui元件已被封裝成HBuilder程式碼塊，只需要簡單幾個字元，就可以快速生成各個元件對應的HTML程式碼，因此和

Hbuilder兩個一起用，效果會更好。

5、weui

用途：專為開發微信HTML5應用的開源Web UI元件庫

特點：為微信Web開發量身設計，可以令使用者的使用感知更加統一。

工具不難學，多用更熟練。