VSCode 已经成为大家常用的编码工具了，但是得益于它的插件生态机制，其实 VSCode 能覆盖的面远比你想象中的大得多，今天笔者就来介绍其中一些相当给力的使用场景。
作用：一般用作要执行的处理(process)，在程序流程图中做执行框。在Axure中如果是画页面框架图，那么也可以指代一个页面。你可把页面和执行命令放在同一个流程中做说明，这个时候将两类不同的矩形做色彩区别，然后做说明就好了。
流程图可以简单地描述一个过程，是对过程、算法、流程的一种图像表示，在技术设计、交流及商业简报等领域有广泛的应用。流程图可分为：数据流程图和作业流程图。
我们都希望可以白嫖，画图工具要好用，免费，跨平台，甚至都不想登录，而且还需要可以生成多种格式(png,jpg,svg)等，如果还能和其他工具集成(vscode)，秉持暖蓝作风，介绍的第一款工具可以满足上述所说需求，赶快mark。
Visio是Windows操作系统下运行的流程图和矢量绘图软件，它属于Office办公软件的一部分。
我们写的程序都是有逻辑顺序的，即是有流程的，流程图的作用则是对这种逻辑顺序的一种描述，是对解决问题的方法、思路或者算法的图形化的展示。
很多人拿到需求就火急火燎的开始画原型，然后画着画着觉得有些地方没有考虑到，又回头去改，如果在画原型之前，你能将自己的业务流程想好，用户的操作流程想好，页面跳转想清楚，你就能少做很多无用功，达到事半功倍
无论初学者还是老手，在绘制流程图的过程中都不可避免地出现这样那样的错误，我们总结了一下，在流程的绘制过程中，比较容易犯得错误有： 1、没使用模板或没正确使用模板。在流程管理项目中，流程梳理之前需要事先定义好流程模板和形状规范。在绘制流程图时，项目组人员可以直接打开流程模板，按照形状规范来绘制。 2、流程边框与背景框没对齐。 3、用错形状。在流程模板里咨询公司已确定不同类型的流程节点使用不同的形状来代表。在绘制流程图时项目组人员会出现把操作框当成判断框或把结束符当成判断框来使用的情况。 4、自主修改开始符、结束符，或者流程分支遗漏结束符。在流程中每个分支都需要有结束符，表示这一分支的结束。而在绘制流程时遗漏某一分支的结束符也是项目组人员比较容易犯的错误。 5、没遵守判断框Yes和No的流入流出方向，或者判断框的分支缺少。在流程模板中已确定判断框的左右端是Yes的流入或流出，判断框的上下端是No的流入流出。在绘制流程时，项目组人员有时并未遵守这个规则，也经常会漏画分支。 6、连接线没粘附上形状，交叉，箭头指向错误。在绘制流程时，项目组人员会出现连接线没连上流程框或不该有连接线的时候画连接线的情况，也经常会出现指向错误的错误。 这些错误虽然非常容易出现，但在画的过程中，有意识地提醒自己注意，很多情况下还是可以避免的。
#删除数据库 DROP DATABASE activiti #创建数据库 CREATE DATABASE activiti DEFAULT CHARACTER SET utf8 ; #使用数据库 USE activiti; #查看数据库表 SHOW TABLES;
可能在我们刚刚学习了某一门语言之后，包括HTML或者C.......我们就可以简单的写出一些代码，然后带来我们想要的效果，但是这充其量是程序员的第一个境界，但是后来随着我们知识的增长，我们可能会学习一些面向对象的变成方式例如我们学习了C++ 或者java，这时我们开始学习了大量的类库，这时要是让我们编一段 短小的程序，或者写一个工具类，可能都不在话下了，通常我们在写这一种程序的时候，通常我们我们可能也不想具体的思路，因为程序短小比较简单，遇到一些更聪明的人干脆从网上找一段程序，在自己的IDE上调试一下，感觉没有任何问题，这就可以开始对这段程序投入使用了。
前言:activity 工作流引擎是当前最流行的工作流,最近公司一直在用这个感觉还是很好用的，学习过程中也有不少的坑所以简单记录一下相关知识的学习过程吧
这个应该是大多数人最熟悉的绘图工具了，它是office软件系列中负责绘制流程图和示意图的软件，
什么是系统架构师？ 系统架构师是一个既需要掌控整体又需要洞悉局部瓶颈并依据具体的业务场景给出解决方案的团队领导型人物。一个架构师得需要足够的想像力,能把各种目标需求进行不同维度的扩展，为目标客户提供更为全面的需求清单。 架构师在软件开发的整个过程中起着很重要的作用。 如何才能成为系统架构师？ 首先必须具有丰富的软件设计与开发经验，这有助于理解并解释所进行的设计是如何映射到实现中去。 其次要具有领导能力与团队协作技能，软件架构师必须是一个得到承认的技术领导，能在关键时候对技术的选择作出及时、有效的决定。 第三
工作中完成一个项目之后往往会花一些时间编写文档，画程序流程图。这样的好处是方便交接项目，后续也能够快速回忆。画流程图的软件有很多, 比如常用的Process，百度脑图，缺点是流程图只能以图片保存放到代码目录中，后续更改很麻烦。 这里参考Buildroot 开源库中使用的工具Graphviz ，根据相应的规则自动生成流程图。 Graphviz简介 Graphviz(英文: Graph Visualization Software的缩写) 是一个由AT&T开发的图形绘制工具，用于绘制DOT语言脚本描述的图形。支
工作中完成一个项目之后往往会花一些时间编写文档，画程序流程图。这样的好处是方便交接项目，后续也能够快速回忆。画流程图的软件有很多, 比如常用的Process，百度脑图，缺点是流程图只能以图片保存放到代码目录中，后续更改很麻烦。
源码：https://github.com/maqi1520/Clone-processon
(1) 熟悉常用的详细设计表达工具 (2) 掌握利用visio等CASE工具设计程序流程图，NS图，PAD图的画法 (3) 掌握利用visual studio 等IDE完成实现代码的编写和调试
Activiti一套完整的方便的业务流程管理（BPM）框架，它是覆盖了业务流程管理、工作流、服务协作等领域的一个开源的、灵活的、易扩展的可执行流程语言框架。开发人员可以通过插件直接绘画出业务。
Processon 是一款在线画图软件，当然它的功能在不断迭代，现在功能非常丰富。我是 ProcessOn 的重度用户，写文章和工作上都是用它画图，这个软件我用了 4 年了～安利给大家～
目前正在给某大企业做软件系统，业务需求较复杂，《需求规格说明书》添加一些图会更清晰，对制作系统原型以及后续的设计与开发也应该有所帮助。。
一些可视化工具再给我们带来直观性的同时，也增加了操作的难度，需要精细地调整组件的大小和样式，更多的时候，我们不是为了写一份漂亮的报告而画流程图，只是需要便捷地向他人分享自己的 idea，在这样的需求下，代码生成流程图显然更适合。
visual studio code可以编辑markdown文本。可以在visual studio的设置里的extensions，安装 markdown 插件，如 markdownlint， markdown checkbox，Markdown All in One，Markdown Preview Enhance, Markdown TOC, markdown_index, fold, explicit folding。 Markdown Preview Enhanced 内部支持 mermaid, PlantUML, WaveDrom, GraphViz，Vega & Vega-lite，Ditaa 图像渲染。 安装Markdown Preview Enhance后，在右上角选择Markdown Preview Enhance：open preview,也就是三角形，B， I" 的左边的左边，可以看到流程图。右上角"三角形，B， I" 的左边是自带的preview，好像不支持流程图。 Markdown TOC有自动生成目录和标题序号的功能。
大多数开发人员随着经验的增长，会进入一个管理层的岗位（开发小组的组长，当然啦博主才毕业大半年，还不是开发组长，只是提前了解了一下分享给大家），需要负责软件系统的设计（系统功能设计和数据库设计）。然后将你的设计思路传递给其他同事（也是一个讨论并完善的过程），让他们协助编码完成软件的开发。在设计思路的传递时，图文结合表述会更加直观清晰些。
之前分享过一篇使用 AI 可视化 Java 项目的文章，同步在 AI 破局星球、知乎、掘金等地方都分享了。
看过我以往文章的小伙伴可能会发现，我的大部分文章都有很多配图。我的文章风格是图文相结合，更便于大家理解。
安装后，按快捷键Ctrl+Shift+P，输入 configure language
如下图，一个完整的流程要有开始和结束，所以先制作开始和结束节点，选择startEvent，然后再画图区域画开始圆圈，结束同理：
在日常工作中，难免会画一些流程图、时序图。之前都是选择使用在线的画图网站，画完然后截图插入到文档。我个人用的比较多的主要是 腾讯文档 。
1）用于和非研发部门交流: 决定人员都做什么工作？描述公司的核心业务。例如用户下单后，就涉及到物流部门进行发货，系统进行开发票等工作。
说实话，我觉得做个程序员挺好的。日常工作有很多，写代码、对需求、写方案等等，但我最爱画图：流程图、架构图、交互图、功能模块图、UML 类图、部署图、各种可视化图表等等五花八门。
【流程图】5分钟快速绘制 不会吧不会吧，不会不知道 Process On 在线绘制各种流程图吧！！！ 在线绘制网址：点我进入 注册账号 新建，包含 新建文件夹 导入 流程图 思维导图 原型图 UML 网络拓扑图 组织结构图 BPMN ，这几个选项，对应选择即可。这里我们选择流程图来演示。 绘制一个简单的流程图，很快就画完了，尤其是画箭头的时候。 箭头可以改变线型，直线、折线和曲线 修改箭头种类 填充颜色 导出文件，PDF比较清晰，选择 导出高清PDF文件 选择 Proc
其实前几周就已经将小车调好并且也发了视频，但是每天忙于复习，也没有时间来对小车的流程设计、硬件设计、程序编写进行一个总结，正好周五可以休息一下，就分三个模块对这个智能小车项目进行一个总结。
2016-03-1614:45:54 发表评论 676℃热度 学生党文档比较多，一到学期末，各种实训报告，论文等等，里面经常要画流程图，UML图，以前用office，wps里面的画图工具，虽然能画出来，但是比例，风格总不是那么好，歪歪扭扭的，所以网上找工具，于是得到这么一个神器。功能比较多，画流程图，UML图不在话下。 简单介绍： EDraw Max是一款功能强大的专业制作各种应用图形的设计软件，通过这款软件你可以轻松制作出流程图，组织结构图，业务流程，UML图，工作流程，程序结构，网络图，图表和图形，心
在日常的写作以及做笔记等的过程之中，少不了要画图，但是在word。ppt里画图效率都不会太高，还不容易修改， 结合我这么久以来的画图工具，特别推出下面三个工具，让你从此在画图的时候减少麻烦。
首先：上文中提到过业务流程图是从产品视角来看产品或功能，交互原型图是以用户的视角来看产品或功能，从这点上划分页面流程图也是以用户的视角来看产品或功能。
松哥最近正在录制 TienChin 项目视频～采用 Spring Boot+Vue3 技术栈，里边会涉及到各种好玩的技术，小伙伴们来和松哥一起做一个完成率超 90% 的项目，戳戳戳这里-->TienChin 项目配套视频来啦。 ---- 之前松哥发了一篇文章和小伙伴们介绍了前端的 bpmn.js 这个库，利用这个库我们可以自己将绘制流程图的功能嵌入到我们的项目中。 然而，这个库默认是给 Camunda 设计的，所以画出来的流程图导出来的 XML 文件无法直接使用，必须要做一些深度定制，才能将 XML 文件转
原型工具比较多，axure、磨刀、sketch甚至PPT都可以，但是要考虑到不同人查看的便捷性、同部门间交流协作，相信很多人都会选择axure，没错，axure无论做pc端原型还是app原型，都有它先天性的优势，最新9.0针对app原型做了进一步优化，在模板方面已经在向sketch、xd靠拢，非常值得期待（目前正式版还未发布，推荐使用8.0版本）。
在日常工作中，无论是产品经理写 PRD 或是开发、测试同学写技术方案、整理业务文档等场景都会用到诸如流程图、时序图、用例图、泳道图等形式的图来辅助阅读者理解。相信平时工作中有画图需要的读者都有这样的感受：有些图制作过程非常简单但逻辑清晰又不失美观，而有些图费时费力制作繁琐，但效果却不是特别惊艳，这其中的底层逻辑尤为关键，毕竟作图也是一门艺术。本文将会以直播商品讲解业务场景出发，给大家分享一些画图小知识。
Toolkit：支持MyBatis、Json、XML、Base64等操作的工具包。
Author：AXYZdong 自动化专业 工科男 有一点思考，有一点想法，有一点理性！ 定个小小目标，努力成为习惯！在最美的年华遇见更好的自己！ CSDN@AXYZdong，CSDN首发，AX
手把手教大家画了这样一个流程图，虽然说它不是特别好用，但是也不是不能用，也能用。好了，那么接下来的话，我们这个就先告一个段落，接下来我要跟大家说的第二个东西的话，就是另外一个流程绘制工具 Flowable-UI 这个话算是一个比较重要的一个东西，我觉得就是其实不管你以后开发用不用，但是这个东西你都得知道。这个，那么这个的话是什么呢？这个 Flowable 的官方推荐的一个什么流程引擎绘制工具，官方推荐的一个流程引擎辅助工具，可以这么来说叫做流程引擎辅助工具，就是它可以帮助我们更好的去开发这个流程引擎。
在画流程图之前，先简单介绍下算法的概念，理解即可。然后通过画流程图来复习下前面学过的几种程序控制结构。
说了你又不听，听了你又不懂，懂了你又不做，做了你又做错，错了你又不认，认了你又不改，改了你又不服，不服你又不说！你让我怎么做。 ——《江湖》 一些人看了《图解产品》后，就把书中内容用起来了。在这个过程中，有人收获了惊喜，有人收获了惊诧。 收获惊喜的同学说，研发夸他了，说“小伙子不错吗，连状态图，顺序图都会，有两下子。” 收获惊诧的同学说，领导痛批她了，不听她说完，就全部否决了。痛批的原因，一方面是领导不懂UML，另一方面是她用的有问题，沟通也需改善。 下面就是我和金鱼网友的对话，她也是我星球的读者，下面内容
在下面的内容中，我将向你介绍一种可以让你在1分钟内制作出专业流程图的方法，不管过往是否有画流程图的经历，都可以轻松做到。
都说一图胜千言，一个程序员如果能画的一手好图，无论是在产品分析、方案选项、还是技术交流，都能快速表达自己的想法，让你的思路更加的直观明了；市面上的制图工具有很多，下面就推荐几款好用且免费的工具，绝对让你分分钟就爱上。
流程图（Flow Chart）这个概念对很多人来说并不陌生，但如果让你定义或者举例说明什么是产品流程图，恐怕还是有难度的。
小林写这么多篇图解文章，你们猜我收到的最多的读者问题是什么？没错，就是问我是使用什么画图工具，看来对这一点大家都相当好奇，那干脆不如写一篇介绍下我是怎么画图的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
