前端开发日常效率的协作工具

1.写作篇 ✏️

思维导图用的是什么，首图是怎么制作的等等问题，于是通过一些工具的整理希望能帮助到大家

1.1 语雀

语雀是一个蚂蚁金服孵化出来的专业的云端知识库，类似wiki，目前已经覆盖了10 万阿里员工的使用，来进行文档编写及知识沉淀 官方链接🔗

语雀我常用的两个方面

• 思维导图：一个是语雀自带的思维导图，个人觉得UI体验很强（外表协会）

• 日记编排：用语雀来保持记录每天在前端开发中遇到的问题及心得体会，方便复盘和回归，最重要的是排版体验高，支持编排，当你回顾你写的文章的时候，阅读体验高，像是在翻书一样

1.2 Process On

ProcessOn是一个在线协作绘图平台,为用户提供最强大、易用的作图工具。支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计等

我主要用process on来绘制交互图及流程图，支持在线实时编辑，不足的就是如果非付费用户则会限制绘制图的数量，下面是操作页面👇

1.3 Carbon

Carbon 用来创建美化版的代码片段，可筛选多种主题切换，然后生成你想要效果的代码片段图 官方链接🔗

1.4 Mdnice

mdnicde全名为Markdown Nice，支持给markdown添加“主题元素”，有点像换肤的感觉，支持多种主观，让你的文章仿佛披上了嫁衣，最重要的是支持微信公众号、知乎、还有掘金！官方链接🔗

导出如下图所示

1.5 封面模版

很多童鞋很好奇，我每次文章都会附上一张主题图，是不是自己P的，虽然我是做UI出身的前端，但是设计还是蛮琐碎和耗时的活，时间应该用在更宝贵的地方，这里介绍的就是我使用的模版在线编辑工具 – 凡科快图 官方链接🔗 或者 canva 官方链接🔗

1.6 Shields

shields.io 主要是用来可以生成 在Markdown 文档中的徽章，我们经常在github的项目上看到这些徽章，来表述比如单元测试覆盖率、打包的大小、版本信息、认证信息等 官方链接🔗