直接输入代码生成流程图

夜夜途中，只要想起你就天亮了心。

介绍给大家一款轻量级的万能代码编辑工具，微钥匙扣的，它呢不仅支持 cc 加加加瓦拍绳等编程语言，它还可以绘制流程图， 它里面内嵌有多 io 插件，其实除了这个插件还有其他的插件，那今天呢，我们主要用到多 io 这个插件，用它来绘制流程图。 什么是流程图呢？以特定图形符号加上说明表示算法的图成为流程图。我们可以把流程图呢理解成一种图，是描述事物进行的过程，程序经常用它来搭建产品框架，设计代码逻辑，这样看起来一目了然， 好不好用，我们先来试一下。首先我们打开我们的 vsco 的，然后在这里点击扩展按钮，输入我们的做 io 这个插线名字，然后呢我们再点击安装， 那安装好了之后呢，我们看到第三项，接下来就是绘制流程图测试一下了。首先我们点击我们那个微钥匙扣的左上角文件， 嗯，然后我这里呢先新建一个文件夹吧，新建文件夹的好处，比如说分类吗？然后我们再新建一个文件，测试一下这个文件的后缀名，要注意一下是左 io。 文件创建好之后呢，我们直接打开就可以弹出这么一个窗口，绘制流程图的窗口。然后我们来认识一下几个常用的流程图符号，这个呢叫连接 线，我们看到它是有一个箭头的，这个箭头呢是用来表示流程进行的方向。然后我们再来认识一下这个矩形框，它是一个活动标志，活动的简陋说明呢，我们携带矩形类。 然后呢是这个椭圆符号，用来表示一个过程的开始或者结束，我们的开始和结束呢写在符号内。然后我们再来认识一下这个菱形符号，它主要用作判断， 用来表示过程中的一项判定，或者呢一个分叉点，就好像说黄色的树林里分出两条路，你该走哪条呢？在菱形符号里面呢，我们主要是写判断，这是一个判断节点，这里呢是活动要执行的 处理活动执行。然后这一个带圆角的矩形呢，或者你可以用一个椭椭圆形用来表示开始获得结束， 就是比较常见的最基础的一个图形符号了。然后呢我们看到我们点击这个图形右边呢，其实还可以让我们的图形变化成我们想要的颜色。然后呢我们再回到我们的文档，这四个基本图形符号呢，我们都认识了。 然后呢我们再认识一下程序中最基本的三种结构之顺序结构， 这个顺序结构呢他就是从上往下依次执行，他会用到刚刚说的其中三种图形符号。然后我们来开始画 我们的第一个流程图，画一个最简单的买火车票上车。首先呢我们继续是新建一个做 io 文件， 名字就叫顺序结构。那么买火车票上车他大概的几个步骤 流程应该是什么样的呢？首先应该我们要进火车站，然后呢排队买票，再然后呢，嗯， 买到票了要干嘛？要候车，然后再检票，然后最后上车，那这整个呢就是一个顺序结构， 那首先呢我们要拖一个带圆角的矩形，代表着开始进入火车站，然后下一步是什么呢？我们要用到一个箭头，代表着下一步要做的，留 到哪里去呢？留到我们的排队买票活动，这时候就是一个矩形框了，然后下一步要做什么呢？下一步还是一个矩形框，再用我们的箭头流向矩形框，然后这时候是干什么呢？候车好，候车之后呢是检票， 检票了到最后上车就是最后一步了，就是结束了，这时候呢又要用到一个带圆角的矩形框，代表结束， 然后呢我们发现这个矩形框它都是同样的颜色，其实我们的开始跟结束可以用同一种颜色， 我们在右方点击我们的符号，在右方呢是可以选择我们框的颜色，还有一些样式啊等等，反正自己去修改，我这里比较粗糙的流程图就画出来了。