几款开发、画原型图、前端框架分享

本文来自 李爽11 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/ls1645/article/details/52506776?utm_source=copy

工欲善其事必先利其器，好用的工具大大提高工作效率。在做GIS系统中，有幸跟杨琛师哥一起做项目，新接触了几款前端IDE、原型工具，以及前端框架。整理了一下，有需要的就拿去玩玩儿。

两款画原型图工具：

• 墨刀：
  用途：移动端原型工具。
  特点：快速上手、简单易学、专用移动端、交互丰富，可在线使用、有安装包、国产。
  官网： https://modao.cc/
  用户体验： http://next.36kr.com/posts/953

• ProcessOn
  用途：免费在线作图工具，可以画原型图、思维导图、UML图等等等。
  特点：模板丰富，在线免安装，图例丰富，简单易学。
  官网：https://www.processon.com/
  用户体验： http://www.iplaysoft.com/processon.html

一款前端IDE：

• hbuilder：
  用途：前端IDE。
  特点：快、绿柔护眼、国产。
  官网： http://www.dcloud.io/
  用户体验： http://www.w3cways.com/1401.html

两款前端框架：

• MUI：
  用途：最接近原生APP体验的高性能前端框架
  特点：轻量（100+k、60+k）、以iOS平台UI为基础，补充部分Android平台特有的UI控件、体验流畅。
  官网： http://dev.dcloud.net.cn/mui/
  组件： http://dev.dcloud.net.cn/mui/ui/
  用户体验：订餐系统
  体验MUI
  （Mui + hbuilder）：
  mui组件已被封装成HBuilder代码块，只需要简单几个字符，就可以快速生成各个组件对应的HTML代码，因此和Hbuilder两个一起用，效果会更好。

• weui
  用途：专为开发微信HTML5应用的开源Web UI组件库
  特点：为微信Web开发量身设计，可以令用户的使用感知更加统一。
  GitHub：https://github.com/weui/weui/wiki/Form
  用户体验：http://www.wtoutiao.com/p/12bcQei.html

  体验weui：https://weui.io/#/

---

本文来自 李爽11 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/ls1645/article/details/52506776?utm_source=copy