一些常用办公开发工具及网站推荐

Processon 免费在线流程图思维导图

地址：

• https://www.processon.com/

优点：

• 脑图编写和快捷键非常好用，支持各种主题样式
• 支持生成免登陆脑图查看链接，分享给其他人非常方便
• 支持多人在线协作编辑
• 支持各种类型本地文件导入（xmind、mmap、mm、km、txt、opml、pos、vsds、excel）
• 支持多种文件类型导出（png、jpg、pos、pdf、svg）
• 支持流程图、拓扑图、树形图等样式

缺点：

• 免费版本只能创建11个文件，包括回收站文件，废弃文件需要将回收站中内容一并删除，否则同样占用文件数量（会员费用100+/年，没有文件数量限制）
• 支持xmind 导入，但不支持导出xmind
• 除脑图外，其他类似流程图、原型图的icon样式较少、模板比较单一，这一类的工具推荐使用drawio
  

Drawio 流程图工具

链接：

• https://app.diagrams.net

优点：

• 拥有强大的图标库，可以让简单的流程图看起来非常高大上
• 支持在线、本地app两种使用模式
• 支持非常多的绘图类型，提供大量模板，绘图没有思路的找模板抄一抄 借鉴一下，PPT瞬间单车变摩托
• 支持Google Drive、Dropbox、Github、GitLab等工具在线浏览及协作同步，可以直接嵌入 confluence等协作工具中

缺点：

• 不支持脑图，这个很遗憾
• 没有个人文件夹概念，需要借助第三方应用存储，协作同步这块功能没有 processon 方便，本人基本也是做本地绘图使用，分享及协作使用较少
  
  

时序图编辑工具

链接：

• https://www.websequencediagrams.com/

介绍：

• 使用伪代码绘制时序图，省去各种拖拽调整位置样式的麻烦
• 支持多种主图样式，让时序图看起来更加友好（好看）
• 代码编写方式非常简单，基本看一眼就会
  

阿里巴巴矢量图标库

链接：

• https://www.iconfont.cn/

介绍：

• 提供大量插画、图标等资源，支持中英文搜索
• 图标库 icon 支持自定义颜色，多种文件格式下载
• 免费下载，使用时需要注意版权问题
  

iconfinder 图标库

链接：

• https://www.iconfinder.com/

介绍：

• 国外的一个图标资源平台，国内网络访问速度会比较慢，只支持英文搜索
• 有很多质量较高的矢量图，可以当作平台logo使用
• 一些质量高的素材有水印，需要付费
  

草料二维码生成器

链接：

• https://cli.im/

介绍：

• 在线url转二维码工具，支持添加logo

VUE 脚手架

链接：

• https://github.com/PanJiaChen/vue-admin-template

介绍：

• 极简的 vue admin 管理后台，包含 Element UI & axios & iconfont & permission control & lint
• 包含登陆、树形导航、表格、表单等平台常用功能的demo
• 包含用户鉴权、request、mock等功能封装
• 不算缺点的缺点：本人vue初学者小白，框架代码使用比较高级，引用了很多npm插件，有一定的上手成本
  

Echarts 可视化图表库

链接：

• https://echarts.apache.org/

介绍：

• Javascript 可视化图表库，有很详细的文档和示例，支持在线生成图表进行调试
• 除支持基本折线图、柱状图外，还支持散点图、地图等
  

手绘风格流程图

链接

• https://excalidraw.com/