开源流程图

这里给大家推荐一个应用软件，适用于电脑桌面系统，也可网页在线操作。该软件自带了大量的图形图标，可用于制作流程图、网络拓铺图、电路图等等，不仅功能强大，而且开源免费使用，使用时可以根据需要选择加载。 这里我们可以快速浏览下软件自带的一些图形。 下面试一下常用的流程图制作。从左边选用图形后，可直接拖到画布中， 鼠标选择图形四周的箭头方向，可画出下一步流程。更快捷的方法是使用时下 auto 方向键，可快速制作流程图图形样式。 文字格式可通过右侧面板进行设置，以画的图形也可快速更换重新选定的图形，然后每个图形里加上具体的文字，这样一个简单的流程图就做好了。 下面试一下永道图，在高级图形框中可选择各种永道铺图，包括水平永道图和垂直永道图，这里我们试一下垂直永道图。 永道理作图与一般流程图没什么区别，每个永道的大小可以进行调整。 这类图形主要用于业务管理、项目管理等不同涌斗，展示不同部门、不同岗位的职责，比一般流程图能更 清晰的反应具体事项的实施安排。 永道图基本的框架就是这样， 下面试一下思维导图基础框架也是在高级图形里选择思维导图框架，在这基础上做图可以自适应改变框架的大小。 不过在思维导图方面，总体感觉这个软件不如国产的 processor 便捷好用。 如果要做个同样漂亮的思维导图，这个软件应该要比 processa 花费更多的时间，我们是愿意选择多花时间还是选择以金钱换时间？这就 看每个人自己的情况了，简单的一个思维导图就是这样了。下面讲一下图形插件，我这里用了一个与生物医学相关的图形插件，这个插件包括了实验动物实验器材、细胞培养、人体生理学等等各种图标， 在设计实验方案时，利用这类图形图标可以更形象的展示研究方案。 好了，以上就是关于 bill 应用软件的一些基本介绍，更多功能和应用需要自己在实践中慢慢摸索。

哈喽，大家好，今天呢给大家推荐一个绘制流程图的一个软件，那相信大家呢，在工作的过程中呢，会经常遇到画一些流程图，但是目前我们已知的一些流程图软件呢，它的限制比较明显，比如说有的需要你进行开会员啊，或者是的 有的呢可能导出来的格式呢不太清楚，或导出来的图片不太清楚，或者导出来的格式呢，相对起来会比较少一点。 那今天呢就给大家推荐一个这样的一个开源的流程图的绘制一个软件，它呢使用起来非常方便，而且呢所有的图形啊也非常的多，它支持各样的一个图形，最主要的是什么呀？它导出的格式非常多啊，我们看 点导出这块，他可以导出这个透明的图片，然后 jbg 图片，然后史亮图， pdf 文件啊，以及原始文件等等等等，他导出的格式非常非常的多啊，而且用起来非常方 方便。那现在呢给告诉大家怎么去下载以及安装这个软件啊，非常非常的简单。那大家呢只需要打开这个网址，等会呢我会把这个网址呢也 呃放在这个视频的下边啊，我不知道能不能放，如果能放的话，大家直接点击可以，如果不能放的话，那大家就在视频里面进行截图，然后输入，好吧，然后呢打开这个网址以后呢，我们选择这个按钮，直接点击下载，点击这个下载以后呢会跳转到这个网址里边， 跳到这个网址里边呢，大家可以根据自己的系统去下载相应的这个版本就可以了，如果大家是 windows 版本，就下载第一个就可以了，然后这个 windows 的这个版本，如果说大家是苹果电脑，那就选择这个就是 dmg 的这个后缀的这个 选择，这个可以了，但是呢，很多同学呢，可能这个网站它打不开啊，因为这个网站的话需要 tisse， 所以说呢，我就把这个软件 这个版本呢，然后也都下到了本地，上传到了云盘里边，然后供大家去下载，然后希望对大家有帮助啊，如果大家感觉有用的话，可以点点关注或者点点赞啊，点关注呢，大家也就看着来吧，因为我这个视频号呢，可能 不一定更新一些什么乱七八糟的东西，因为这可能都是我工作中需要的一些软件，如果觉得好用的话，就会分享给大家。 嗯，所以说这个账号呢，更新的视频呢，会比较乱一些，如果说你觉得有用，嗯，喜欢关注大家关注一下。如果说对大家没有用，大家只觉得这个软件有用，只需要这给这个视频点个赞就可以了。好吧，你今天的视频就到这里，嗯，再见。

如果你日常有制作流程图这种需求，那么不妨试一下这个免费开源的工具，只需在浏览器上输入 draw 点 io 这个网址，直接访问就可以直接进入他的在线流程图制作网站。 初次呢需要时间加载，这里等待一下。设置需要将文件保存到哪个位置，可以保存到本地设备或者保存到在线网盘？ 有在线保存需求的话，建议使用第二个 one driver， 也就是微软的方式登录我这里呢已保存到本地设备。演示，然后点击创建新绘图。如果你电脑本地有现有的绘图呢，也可 打开心有灰图，点击创建型灰图，这里对这个流程图或者托普图呢进行命名。点击创建这里呢有许多模板，你就根据需求选择模板，这里会弹出让你保存到本地的哪个位置。存储好了，这里呢就弹出 出了这个流程图制作。有需求的话呢，直接在这左边呢，就可以看到有许多的流程图工具，或者说拓补图工具，或者点击更多图形，这里呢有许许多多的这种图形。并且最重要的是呢，这些东西呢都是免费开源的，也就是说你可以在任何联网的浏览器上呢，就可以直接进入流程图 制作，非常方便，相比于一些需要开通会员才能提升存储文件数量或者制作数量的网站来说，非常良心，而且他们也是基于这个 diaw 点 io 的开源项目修改而来的。 当然，如果你想把这个流程图的软件或者说网页的部署在你本地的那时上也是没有问题的。我这里呢演示一下怎么在群会以及微联通那时上进行部署。进入群会的后台，打开套件中心，点击右上角的设置，点击套件来源，点击新增套件来源，在这里新增 位置，这里添加矿审员。如果你是群辉六系统，把这个七改成六就可以，名称可以随意点击确定，确定之后呢会有个社群，这里呢有许多这种套件，直接在这里搜索 diaw， 这里呢直接点击安装套件，安装成功后，直接点击打开。 好的，你就可以发现这一个网页呢和这种在线版的网页他的效果是一模一样的。在这里你就可以设置你的流程图，初次呢是英文状态，进入之后点击左上角的这个额外设置，点击第一个 language， 也就是语言，在这里更改你需要的语言， 然后刷新一下好的，这个熟悉的界面呢就回来了，和这一个网页效果一模一样，那么你就可以在纳斯上呢配合相关的内网穿透或远程访问，在外面也能随时连接这台纳斯的这一个 d i a w 流程图制作工具进行制作。如果是微联通，进入 微联通后台，首先安装这一个容器站，也就是 dog， 在微联通的应用中心安装就可以，我这里就不再重复演示。然后呢记下这一串的名字，或者说在 dog hum 这里完成复制这串名字，然后点击微联通的 印象，点击右上角的提取，其他保持默认，在印象这里粘贴这一串名字，点击提取右上角这里呢就会出现这个提取的进度。拉取完成之后，在印象这里找到刚刚拉取的这一个，点击右边的这个运行， 其他保持默认。点击下一步名称可以任意命名。重启策略呢，可以选择停止时除外，这样的话容器呢就会自动启动，默认端口呢，可以让他保持 牙签。点击这里的高级设置，在网络这里找到这里的自定义，这里选择 hose 的点击运用，点击下一步完成创建成功之后，点击容器， 找到刚刚运行的这个容器，可以看到正在运行中，然后稍等一会，这里会出现一个 rever u i l， 点击直接打开， ok， 成功。当然日常使用的话，直接访问 需要点 i o， 这个就可以，相比于部署在那时上面呢，他直接帮你解决了这种访问的问题，因为你部署在那时上呢，只能在内网使用，你还需要配合 用 ip 或者说域名呢，做了相关的远程访问才能使用 nars 上的这个服务。好的，本期就到此结束，喜欢的请加个关注，点个赞！

一款流程图编辑框架提供了一系列流程图交互编辑所必需的功能，高拓展性兼容各种产品自定义的流程编辑需求，绝大部分模块以插件的形式实现，支持各模块自由插拔、重执行。流程图能完备的表达业务逻辑， 不受流程引擎限制。简单灵活的节点、自定义插件等拓展机制，方便我们快速在业务系统内满足类流程图的需求，让你更专注于业务流程图编辑的框架。

大家好，我是小雨同学，今天我们来安装这个 drop 这个 io， 嗯，这个工具呢，它是一个画这种流程图的工具，跟那个 procession 那个是差不多的，但是那个呢？是，嗯，部分功能收费的，这个是完全开源的。 呃，我们看一下他的这个项目地址，就是他的 gtop 的项目地址，可以看到有三十点六 k 的心。嗯，这个是很高的。然后这个是他的官网，他的官网呢，其实就是他这个这个工具的一个， 就是他的这个工具就可以直接去使用，我们可以点击这个 stat， 他就直接是在线可以开始去绘图。我们选个地方保存一下啊，这个就可以创建了，然后这个就就可以编辑，然后可以导出有很多种 格式，拼 g 的就是图片格式，然后适量的 svg 格式， ptf， 然后网页的 html 等等。呃，但是呢，它这个工具呢，它，呃只能保存为本地，云端的话，它支持 dropbox， 还有 谷歌。嗯，但是对于中国用户来说，他没有其他的一些云盘的服务。呃，你用的话就只能保存本地，然后左边的话是有很多图形的，跟那个收费的坡塞上是差不多的，使用起来，然后你不想用网页的话，你可以用它这个客户端。呃， 刚才出现了，就是有个客户端，你们到他官网看一下下载啊，还是调整到 good hub 了，他有 windows 的客户端，然后有有麦克 os 的，还有 linax， 我们都可以去安装看一下。这个工具呢，跟我们之前安装的那个 q 的电子数据毒气，还有 compus， res， 它都是一个工具，它不会跟你那时本地产生数据交互，不会去存储文件，它只是有一个端口让我们去访问，就把它当成一个工具来使用，不会存储文件。所以呢，我是 大家可以只是看一下就可以了啊，不需要非得去安装，因为我们真要用的话，下个客户端或者访问他官网都可以，不是非得用我们自己纳斯来用的，我们点击安装，除非啊这个东西它可以保存为本地保存到我们纳斯上面，那我们就呃就很有必要去安装一个这个 容器了，可以看到他是有一个端口，然后后面呢一个 ssl 的端口，但是我们用反向代理化，这个就不需要移除，然后这个 ls 的这个证书颁发也可以移除，然后公共的 s 这个鞋跟正式相关了，这些都可以移出下面这些城市啊，这些国家，这些啊都可以移出掉，都不需要。那我们先把他们移出掉，然后去安装，看一下是否跟官方刚才的界面是一模一样的。端口三千应该被占用了，我去换一个其他的吧。三零 三零幺三运用好，安装完毕。呃，我们直接去访问看一下三零幺三。 好，那我们自己部署的，可以看到他好像是不能保存到云盘啊，那我们就可以直接去画了，然后右上角这个地球的这个图标呢，就是选择语言的，选择中文，然后他重新刷新一下就是中文了。 双电芯绘图，选择一个永道图，然后就可以去编辑了，然后编辑完之后呢，我们要保存 的话，可以另成为其他格式保存到其他地方。然后右上角这个月亮呢，这个就是切换这个深色模式的 这个工具呢？嗯，大家可以自己去安装来试一下。因为我们平常画这种网络图啊，这些是很有用的用这个工具。好，那谢谢大家观看，我是小弟同学，我们下期再见。

大家好，又见面了，我是 github 精选君，今天要给大家推荐一个 github 开源项目， terrorist track。 第二，该项目在 github 有超过十一点五 k star， 用一句话介绍，该项目就是第二， is a modern diagram scripting language that turns text to diagrams， 一款用于将文本转化成图表的现代化脚本语言。该项目有二十三位代码贡献者使用。第二，只需要使用如上代码，就能够直接转换出流程图，接下来是一个演示视频。第二，使用配置化的方式生成流程图的好处是方便对流程图的历史变更进行记录， 同时对于使用者来说，只需要掌握简单的语法，就能快速的进行流程图的制作。另外，对于程序员来说，批量生成流程图也是非常的方便使用。 上面可下载安装脚本运行即可执行第二程序，然后会打开浏览器展示对应的流程图，而且对配置文件的修改会进行实时渲染。除此之外，第二，也可以作为依赖库被你的其他程序引用使用， 可以在仓库的 dox 目录查看视力代码。以上就是本期视频的全部内容，更多项目详情请查看评论区链接，关注我们一起探索有意思的开源项目。

我们接下来看拆分。拆分是这样的拆分啊，其实年前的直播啊，我们讲公文的时候其实就已经 用到过了啊。拆分是把一个流程实力拆成多个沃克的啊。因为我们公文的会签就会遇到，比如说同时送多个部门进行会签，然后各个部门之间呢，内部自己走，又互相不影响，我们就通过这个拆分来实现的。那今天呢，我看看我的表单。嗯， 我们就以这个承办部门为例，比如说我送多个承办部门去办理，那我们要怎么做？我们来画一下这个拆分好，首先是拆分 我你搞直接送拆分了啊。然后我们再来画一个承办部门领导呦， 承办部门领导好，我们再画一个，比如说他内部要走的一个办理人 歪了歪了。 办理人员好，这个我就直接就是拆分了啊，这边就简单一点啊，取得不怎么规范啊。送拆分。然后我们这个是送办理人员 好。然后我们来看一下那拆分拆分呢，重点就在这个拆分的拆分依据上面。因为我们要知道到底是根据什么拆的拆分依 据呢？这里呢，他其实就是返回的是一个数组哈。呃，系统呢，会根据这个数组的元素来进行拆分，生成的多份文件里面，每一份都会保存一个。这里拆分出来的一个单的一个元素啊。那这个元素是存在哪个字段里面呢？我们来看一下 api 啊，就是这个 gat walk 里面我们有一个哎，在这里 spelita value 就是拆分值，就是存在这个拆分值里面的。那就比如说我承办部门，我这里选了 abc 三个部门，那我经过这个拆分环节之后，他这个 sbelita value 里面存的就是 a 部门 b 部门 c 部门。三份文件存各自的部门啊。那我们这里这个拆分依据显然是根据这个承办部门来拆啊。我们就瑞 ten 直接 z s 点 data 点我们那个承办部门，这个自断标识我看看。这里选的是组织啊。 好，这是拆分依据。那拆了之后那个 spirit value 我们也都知道我选的是部门，那存的肯定是部门名称。那我这里如果想要 这个部门的政治领导，某个领导去处理，那我要这个人员怎么配呢？我们看一下啊，这个就是刚刚也讲过一点的啊，这个职位，比如说我要 让这个部门正直去处理，那我们主要就是这个植物的这个参数啊，是哪个部门的，这个部门正直呢？那我们这里就要写那个拆分后的那个部门啊。 c 四点我可 context 点 get， 我可 点 spread value。 好，就这个。这个其实在这里也可以看出来哈，我们就用 this 点，我可 context 点 get 沃克，然后沃克对象里面的这个点 spread value 啊。 好，我们确定一下，这个就会取 a 部门的政治领导， b 部门的政治领导， c 部门的政治领导来进行处理啊。那这个办理人员我就简单一点啊，随便我就嗯，添加一个选择项吧。啊，办理 pose 好，请请选择办理人员，然后选择范围啊。因为拆出去各个部门啊，我就当前人所在组织下的人员可以选吧，我只能选我自己部门内的。 好，我们添加一下，我们给办理人绑定上这个人员办理破损。好，那 既然拆分是把流程实力拆成多个沃尔克，那我们肯定最后他们处理完之后要给他汇总成一个沃尔克，然后再继续往下流转。所以有拆分我们就要有合并啊，一对一啊，成套使用。我们就直接这里办理人员这里我给他送合并啊。 那我何必到确认。我说确认画下面来一点好看一点。哎 哎哎哎。哈哈哈哈哈哈哈哈哈不要以不要引我笑逐渐开始变态。哈哈哈哈。不能引我笑不能引我笑不要引我笑。 确认啊，这是合并啊。那合并呢？我们不需要做任何处理啊，不用配置什么东西，系统会自动进行合并的啊。然后这个我们配好了，我们保存一下。那我们去测试扭转一下啊。 哎，这个发起流程启动。好，我们测试拆分。 一、我这里选成漫步吗？我选两个，我选人力部跟财务部，因为我不喜欢市场部，里面有一个人的名字，特别难念 哦。我们先来看一下人力部和财务部的部门正直是谁。因为我刚刚承办部门，这里配的是部门正直啊。拆分出去是部门正直处理的。我们来看一下人力部的部门正直好，是慕容博， 财务部的，这个是椰绿红机。好，我们看一下是不是到这两个人那里了啊。送拆分。 好，这里可以看到就是这两个人。我们也可以在这里流程，我们的样例流程里面有一个流程实力的哈， 这边就可以看出来。这个文件已经拆成两份了，一个代办在耶律红基那，一个代办就在慕容博那这两个部门。然后我们以这两个人登录去看一下，看看他送办理人员的时候是不是选择了自己部门内的人员啊。这个耶律红基是财务部的， 看一下，他继续流转送办理，我配了好，选的就是他所在的部门下的人员。财务部的啊，我们再用那个 哎，刚刚那个人慕容博，慕容博看一下。嗯，他是不是他的人力部。哎，对，你看就是人力部的人员，可以送内部办理。那我继续扭转，我就不演示下去了啊。 我们再来看。回到那个流程图。嗯，看一下这个流程图。好，这个是拆分，他到时候会自动合并。那比如说我不画合并，我直接办理人员，我到时候直接送确认。 那直接送确认也是可以的，因为我们系统会在结束环节的时候会自动合并所有沃克的啊，他会自动合并。但是这里就会有一个问题，比如说我刚刚人力不得，我送确认了办理人员，我 那个财务部的野生圈，那我确认环节不是收到两份代办了吗？所以这边我们环节上还有一个小功能点啊，他是可以设置合并代办的，这里选择是那就是同一个身份的，在这个节点上的代办就会被合并， 这样他就会只有一份代办了啊。这个我就不掩饰了啊。好，我刷新一下。 哦，对了，说到这个拆分啊，我就想到了啊，前两天我们论坛上也有，也有一个很有意思的帖子啊，帖子上呢，他有，他说了一个需求， 他说是在一个人工活动环节，他需要多个组织来办理，但是每个组织中的人员呢，就是那么多人里面随便有一个人办理就可以，就算这个组织办理过了，然后整体呢 又要所有的组织都办理过才往下流转。那这个怎么做呢？其实就用我们这个拆分就可以了啊。我们这个比如说我把下面这个给他重新画一下，直接画到合并，我这个不要了， 这个不要了啊。假设你们就将假设这块没有哈。比如说我多个部门都要办理，然后部门内的人只要有一个人办理就好，那我们刚刚这个人员，我们就不配部门正直了啊，那我先给他删掉 我们的人员就直接可以配我们刚刚存的那个拆分的那个值，就是那个部门的值。 c 死点沃克康 text 点 get work desperate value 好，直接配这个。因为我们这边也是可以配组织的啊。如果直接人员是组织的话，他会解析到组织下的每所有人的啊，都会收到代办， 那所有人都捎他代办。只要有一个人办理了就可以。怎么做呢？我们可以设置为抢办，那这个部门内，就比如说 a 部门下面所有人有一个人办理了好， 我就其他的人的代办就会消失了。因为抢办是这样的，其中有一个人办理别人的，其他人的代办，他就会被锁住的哈，不能办理的，等他办理完，其他人的代办也就消失了。那这样我们就实现刚刚就是帖子上那个用户提的这个需求了啊，那我就不演示了啊， 就讲一下，就是拆分加抢办。这个好，我们再来看看接下来。

action， hello， 大家好，我是金瑶。呃， 因为之前很喜欢用这个软件去做一些流程图之类的东西，呃，然后因为它是苹果系统上的，呃通用性呢？通用性就不是很好。 呃，所以呢我一直在想这个能不能找一个替代的方案，然后最终就找到了这个开源的在 bs 扣里面直接装插件， 大家可以看到在 bs 扣里面呢直接装这个插件，装完之后呢就可以直接用。呃，这个其实跟我习惯用的这个呢其实是基本， 呃基础的功能基本是一样的，而且它这里还有很多一些。呃， 这些图可以用，但他不止这么多，他还有这边选择，然后这里还有很多很多。 呃，所以呢是一个很好的一个软件，但是呢，呃说到功能强大呢，他还真的就没有这个这么强大，而且我用的这个比较顺手。呃，我希望就是 有一些，我从用这个做完之后，我分享给别人，别人可以用这个通用性的一个软件可以打开。呃，那现在咱们来介绍一下，就是这两个怎么去去搭配使用？这两个软件怎么去搭配使用？呃，这 这边呢咱们有写了一个随便的一个东西，然后呢咱们随便给一些颜色吧，等会可以看一下那边有没有。 ok。 然后呢咱们在这边就可以直接输出，然后这里有很多个 啊格式，咱们可以选这个，这个是那种流程图。呃，一个比较通用的一个格式，然后咱们直接输出这一类的文件，尽量用英文或是数字去命名，就尽量不要用中文， 当然这些用中文也是没有问题的。然后呢咱们先保存，保存完之后呢，呃在 vis 扣里面的这个软件呢，我试过就是 直接去导入这个文件呢，呃他是没法用的，这个时候呢咱们就可以去打开他的官网，然后呢咱们在文件这里咱们可以从 这个设备去导入，然后呢咱们选到刚才这个，然后上传， 呃这个需要等待一会，然后他等会就可以穿上来，然后现在咱们可以看到他已经是导入进来了，当然会有一些小问题啊，就是呃这个呢他把 的这些线的的图层全都移到最前面了，其实咱们可以一直 呃直接点他选这些，然后直接呃把他们点到后面的成，那就没有问题。呃基本上呢是这样子导入，这样就 ok 了，那咱们这边呢就可以去点另存为，然后这边 第一个呢就是他自己这个格式，然后呢咱们就可以点下载或者是设备， 那下载完下来之后呢咱们就可以看到这个文件，咱们用本地的这个 工具，这个软件，咱们用本地的这个软件去打开它，因为这个呢是在线的。呃，咱们在在线，然后呃去转它，然后呢这边呢咱们就用本地的博士 ps 扣的这 去打开它，那咱们就可以看到。呃这一个转已经是 ok 了，那咱们这边呢再把呃咱们现在就可以看到，嗯， 现在咱们可以看到。呃，一开始是苹果的这个软件的格式，然后转成一个通用的格式，再转成这个， 呃开源的这个软件的格式，这样子就很方便共享给其他人看。精神点点赞，投币一键三连。

大家好，今天主要给大家讲一下如何快速学习开源代码，这个是我们的提纲，嗯，分为如下几个方面。首先会讲一下学习开源代码前的准备，然后会再讲怎么找到自己需要的代码，然后怎么快速了解代码，最后怎么熟悉代码。 我们先先来看一下学习开源代码前有需要准备什么。首先第一个就是我们要准备好我们合适的电脑环境，有些大部分我们 slam 的都是 linux 下的，当然也有一些开源代码是 windows 下的， 你就需要先装双系统啊，一般我们装个双系统比较方便，然后他也需要一些第三方库，这里还有依赖项，这里需要注意一下，就是要要安装作者推荐的 版本号，然后安装顺序有时候也有一定要求，比如说这个是啊，我们 orb 三人兔的代码，然后作者说了，嗯，他已经在五班兔十二、十四、十六下进行了测试，那么我们最好就用 他推荐的这几个，嗯，如果你的电脑是十六的话，你就最好，当然在这推荐里面最好用最新的嘛，就是十六。 嗯，然后另外呢，他会提到我们需要用私家十一的支持，以及在 opencv 里面，他说至少是二点四点三版本，然后测试是在二点四点一和三点二上测试的， 所以我们就最好用他推荐的版本，如果没有的话，我们可以另外装一下，包括这个啊， igan 他也是有版本要求的，最最好是三点一。如果你不注意这些事情的话， 你会发现有时候啊编译安装出现一些莫名其怪的错误，你也不知道什么原因在那会浪费时间，所以我我们最好是嗯，跟跟随作者的这个要求去安装，去配置。 然后另外嗯，提到安装顺序就有些，比如说这个 g 图，他是依赖安个 egg 的，所以我们可能装 g 图前先把 egg 装好，然后再去装 g 图， 然后环境变量，环境变量在无斑秃下就比较，呃，在 linux 下就比较简单，如果在 windows 下就复杂一些，需要我们自己去呃手动的配置， 然后呃学习开源代码前的准备。呃，第一个是工具，呃，像我们常用的这个叫集成开发环境， i d e 嘛，比如说 zilan vs code key developer， vivo studio， 这个是在 windows 下用的，这些基本上，嗯， vivo still 在 linus 下没有这个 zilan windows linus 下都有， vs code 也是都有。 嗯，像，像右边就是 vsco 的界面，他有很多插件，像我们后面会提到他有一些代码高亮啊的这些插件方便我们去阅读代码。 另外就是，嗯，学习开代码的时候，我们最好是有一个笔记去记录，你可以手动的用那个纸质的笔记本去记录，或者我们用这种 电子的，比如说有的云印象笔记这些都可以尽量选择这种多终端同步的，比如说网页，一般这两个都是网页， pc 手机都有啊。这样有一个 好处就是如果有网页版的话，我们就是在不同的操作系统下都可以用，我们不需要去下，有些客户单是没有的，很方便。然后有时候我们在地铁上，在车上也可以去看。 然后也推荐思维导图工具，这里推荐的是 x man 的，这个是一个免费的思维导图工具。 ok， 下面说一下怎么找到自己需要的开源代码，首先就是肯定是搜索了，嗯，第一个建议就跟 up， 这个应该大家都知道啊，这个强烈推荐。比如说我们要找 oibsem 相关的开源代码， 嗯，我们就输这个 o r b slam， 然后我们就找到这个，是，这下面左边是有一个仓库，它分类型的，有代码是吧？有这个 asu 有，有这个 topic 有，有的，各种各样的，我们就选择这个代码。一般排名这个是按照新排排名的，排名越靠前的，一般就是说明大家新标的比较多，就是推荐的。 然后这里面也能看到这个，呃，四加加是他的这个语言，编程语言，包括他什么时候更新的这个都能看到。 呃，这里需要提醒一点，就是，呃，这个跟 apple 搜索没有那么智能，就是你输 oib 空格 slam 跟你输 oibslam， 它的结果是不一样的。嗯，所以我们有时候需要变换一下搜索方式。 另外的搜索就是谷歌了，就是大家，嗯，非常推荐你用谷歌去搜索，当然在，嗯，国内的话可能需要科学上网。 嗯，这里有一个工具吧，大家可以看一下它在 windows、 安卓和 ls 下都可以用啊， linux 下的话有一个这这个工具，这个不知道现在能不能用啊？ 之前是可以用的，然后最后你如果，呃这个在 google 下，嗯，没法可，呃，没法用 google， 那你可以用 b 硬，就是微软的 b 硬。最后推荐，嗯，百度， ok， 怎么去快速了解开源代码的流程和框架？嗯，首先我们一定要阅读它的这个 redmi 文件， 嗯，每一个开元代码他作者都会写一个 redmi 文件，这个你好好去阅读一下啊， redmi 文件会，嗯，告诉你这个代码怎么去编译，怎么去运行，然后呢？呃， 关于有些也会写代码的这个流程和框架，也会把他的东西放进去啊，还另外就是我们可以看相关论文的流程图，比如说 oib， 他就作者就论文中就放了很清晰的这个流程图， 我们可以这样就可以很方便我们了解这个代码的这个框架。嗯，如果没有流程图的话，有些代码没有流程图，那就需要我们自己去自己去呃，画一个，尤其对于这个代码比较庞大的这个 工程，比如说我们最简单的，你在 linux 下输入一个，在工程下输入一个 tree， tree 是一个指令，你输入之后，比如说他这个是 oib 代码，他就会，这是我做的一个动态图啊，看一下输入一个 tree， 然后他就直接就把代码的这个 塑形的这个图给输出来了，就方便我们了解这个代码的框架，但这是一个很简陋的方法。然后另外一种就是绘制思维导图以及思维流程图，这个是思维导图，是我们课程的。呃，这个， 这个是我们课程大纲哈，这个就是用 xman 的这个思维导读工具做的。然后方便就像这个第一章、第二章、第第第几章，就是我把它精代码精简之后把它分成这么多章节的。 然后还有一个就是思维流程图，这个相对复杂一点，要求高一点，因为你需要比较了解这个代码，然后思维流程图就比较容易了，这个是我绘制的一个思维流程图，也是 o r b 的一个流程图，我给大家看一下吧。这个是 是刚才讲的这个啊，思维导图，看，这是我画画的一个，嗯，思维导图我把它的不同的模块，比如特征提取部分，我给它分成这些，初始化部分，分成了这么多，单目、双目 这些，然后比如说这个闭环，然后给他分成这么多，这个就画完之后就很清晰。这个哇， bsm 里面到底主要有哪些东西？当然这个需要有一定基础啊，然后更更简单的就是这种， 这个是我很很很早以前画的一个，也是用这个东西画的，是画 oibdem 模式下，这个就很简单，直接把代码里面的呃，按照代码运行顺序来把它标出来。比如说这个是刚开始输入参数，加载图片创建，然后把这里折叠起来了， 打开，然后我们可以看到这里面就是系统初始化里面有这么多步骤，每一步骤是干什么的？然后循环读取所有针，然后读取，读取，然后 check， 我这里没有画其他线条啊，只有一个 check 这个里面又分成这个，然后这个，这个就是他代码的流程，然后在这个 grab image mom q 这里面他又有很多东西，我打开一下啊，这个就是非常多非常多，比如这里，是 啊啊，比如这里，然后在这里，然后到这一步，刚才讲的是这一步，然后先转换，然后再怎么样，然后这一步里面又分很多小步，这个也不一定，大家都要这么用哈，我我 我自己用的，比较笨的就是这种方法，比较笨的方法，那可以参考一下。嗯， 刚才讲的这几点就是这个是最简单的。然后其次呢，比较笨的方法就是画一个思维流程图，然后你当然也可以自己在本子上自己画也可以，嗯，只不过是电子的，方便大家去增加，删减就方便一点。 然后思维导图就是你，你在有一定的能力下去画这个思维导图， ok， 如何快速熟悉代码？ 呃，首先，呃，这里要说熟悉代码最好的方式就是我们去了解代码，去调试， 第一步我们首先要跑通，然后第二步去调试，然后，嗯，代码注视，这个我是我非常推荐的一种方式啊。嗯，然后等会我给大家说我们这个代码是怎么注视的，然后这个也提到建立思维导图，做笔记推 都非常好，你去逼逼迫你去了解这个代码。嗯，可视化工具也非常好，就是帮助你了解代码中的一些中间过程和细节。比如说在 windows 下我们可以用 amg watch 去看，比如这是一张图，我们去看这个图里面的每一个像素，每个像素的 rgb， 每个像素值，甚至你放大可以放大到这个像素值。然后他在乌班兔下也有一个，呃，类似的这个 mag watch 的功能的，叫这个 tdb mag watch， 大家感兴趣可以去看一下。 然后另外就是我们还有一种方式，就你可以在大代码里自己放很多这个，嗯，测试代码去输出，中间的结果，他们叫打 log 输出，这个也是可以方便我们了解代码内部的一些细节。 之后就是根据自己的应用场景，我们去修改代码去，嗯，去跑代码，去重购代码，经过这些一系列下来之后，基本上就对这个代码是比较熟悉了。 嗯，下面我来说一下这个代码注视吧。嗯，比如说这个是我们用 vs 扣的去注视的代码，嗯， vs 扣的的话他有很多插件比较方便，像我们现在显示的这些插件就是一个这个东西，这个叫突突吹 啊，这个突突吹可以在这里安装，这里有一个扩展啊，然后这是我安装过的，安装的就叫突突吹啊，我装的是这个，这个可以实现代码高亮，然后注视等一些功能啊。其实还有其他的这个插件啊，我们你们也可以搜一搜， 我用的是 touri， 感觉还可以。然后比如说这个那个叹号，呃，英文字母叹号，表示这个地方有疑问或者有错误， 呃，然后我们可以点这个 to to tree， 呃，这里面是我们之前所有代码里面标注的，比如说这个 我们可能觉得这里有问题，然后，呃就这里，嗯，我们把它可以在这里面能看到所有的有有疑问的地方，呃，有有，有错误或者有疑问，这是我们有疑问的地方，你可以点一下就可以找到那个位置 给这个，呃， touj 需要做一个简单的配置，然后我们这个代码里面会在这个根部楼下有个点 vs 扣的，里面有个 setting， 嗯，然后我这里面已经配置好了。嗯，如果你用 vs co 的话，我到时候把这个东西传传上去，大家就可以跟我有一样的这个，呃显示界面了。

大家好，欢迎观看乐之者日报，一个开源的 web 流程图组建，支持灵活定制，可应用于乌三，具有丝滑的缩放与拖拽交互，自带 mini map 和各类实用的图形组建。 相关链接已发布到评论区置顶，欢迎点赞、关注、收藏，我们下期见。

简单好用，一定要知道这款流程图绘制软件绘制技术、路线图整理大纲、逻辑 ppt 等。强烈推荐你这款开元免费的流程图绘制软件，有在线版和 pc 电脑版可以选择，页面简洁，功能齐全。推荐先试试线上绘图情况，图形形状丰富，并肩等中还可自建素材。

大家不要再攻击鱼皮的网站了，人家把面试鸭都开圆出来了，我带大家部署一个自己的，要打不是要部署面试鸭，首先肯定要先找到他的圆码，我把仓库地址贴在这里，找到圆码之后，使用我们娴熟的 get clone 技术将它下载到本地面试鸭仓库的瑞特蜜写的还是非常漂亮的，从里面我们很容易找到前端项目是使用压案进行构建的， 我们进入大马库，然后用敲过三千两百遍的压案命令进行构建，这里的视频是加速过的，你们跑的时候很慢，就别来找我了。六的完成之后使用压死大的，想不到吧，他又开始了漫长的构建过程，这里我也把视频也加速了一下，等他跑的差不多了，我们就可以在浏览器里打开网页前端了。大家看到我其实已经把开发者工具打开，准备看他报什么错误了， 结果让我没想到的是，他主页面直接就打开了，开始给我新手指引，要知道这个时候还没有任何后端再跑，这个效果还是让我很开心的。当然再仔细看一下就能看到网页试图请求后端是失败的， 我们先找到后端的代码，在 sove 这个目录下面，很容易看出来他是一个 not 的应用，甭管他能不能跑，我们直接 npmi 搞起就完事了。跑完之后我们看一下 pakes， 点 jsen 可以从里面找到启动命令叫 stat， 然后你猜怎么着后端也启动起来了， 简直顺利的不行啊，不过马上我就发现不对了，虽然后端启动了，但是前端的请求还是全部失败了。稍微研究了一下圆码，我发现他这个应用依赖于腾讯云开发平台， 要填入自己的一些 secret 配置。我还顺便发现了代码里写了几个永丰的 ip， 你们这几个 ip 对鱼皮做了些什么？找到问题原因就好说了。我打开了我的腾讯银行号台找， 找到了这个叫云开发可奥特贝斯的东西，按照步骤一步一步创建。我本来以为这个东西是有免费额度的，结果他最低的费用是四块五三个月。为了屏幕前的各位观众啊，这笔巨款我出了。交完钱之后，后面的步骤就顺利了，把代码里的配置换成我自己申请的，然后启动应用。这时他出现了一个 新的错误，他提示我 db 里面没有对应的 collection。 这个也好说，我们到腾讯云开发后台数据库管理这里，用新建集合就可以创建新的 collection 了。我也不知道鱼皮开发这个网站的时候是按什么顺序去创建的，我只能看见一个见一个，见了那么五六个之后，报错就少很多了。 不过又出现了一些澳子有关的错误，因为我们没有登录过任何用户。不过也好说，前端代码也在我们手里，我们可以直接改前端去 mark 一个用户先用着。这时候很多 api 已经可以正常返回了，页面显示也已经正常了， 不过提交面试题的时候还是会有一个页面报错。最后我定位到是编辑器组件 react quilt， 语法高料功能缺少依赖，我们把它先禁用就好了。 然后提交面试题，这个界面就可以正常打开了。我随便写了一个题目，虽然写的过程中这个网站就哐哐爆错，但甭管怎么样，最后提交是成功了。在腾讯云开发的后台里也可以看到这条插入的数据了，但很奇怪，网站上却搜索不到这条数据。我又研究了一下代码 和文档，明白了，原来他的搜索是依赖于 es 服务的。我寻思都坐到这了，不行也开个 es 服务搞一下吧。我从腾讯云到后台找到了他的 es 服务，选择新建集群，他最终选了一个最便宜的配置，看了一眼价格，我区六百三十六， 就是我今天刚好没带钱，所以就好了。今天的视频到这就结束了，感谢原作者鱼皮把代码开源出来，也感谢腾讯云对本期视频的大力支持，希望这期视频对大家有用吧！有什么问题欢迎大家在评论区讨论。