市面上能供我们用来作为技术画图软件的产品有不少，像processon、excalidraw、omni-uml、draw.io 等。
因为要兼顾考虑读者的使用成本、画图专业性、上手简单、支持云端分享复制几个因素，我最终选用的是draw.io这款绘图软件，这样大家启动简单，不需要额外花钱再去买软件，我也能把教大家画的图分享出来供大家参考。
早期使用时我喜欢用draw.io客户端画图，然后再通过把画的图提交到Github上实现多设备分享，不过后来发现如果会科学上网的话，使用它的在线版本非常方便，因为离线版本需要手动保存有的时候画着画着软件崩溃或者误关了，画了半天的图就丢了，而在线版本则有自动保存更新的功能，非常方便。
本节我们主要介绍draw.io的入门使用技巧，会带着大家认识软件中的主要工作区和它们的功能，为后面实践画图章节打好基础。
安装和个性化配置
首先 draw.io 的官方地址为 draw.io，首次打开的话会是下面这个Get Started页面的视图，通过点击Start按钮就能开始使用在线版的绘图工具，当然也可根据自己的喜好点击Download按钮去下载离线版本的客户端。
这里我个人还是推荐使用在线版本，设好后以后再访问地址 draw.io 或者 app.diagrams.net/ 会直接跳过欢迎页询问你时要新建还是打开现有的绘图。
接下来我们详细讲一下在线版本draw.io绘图工具的一些初始化设置工作，让你使用draw.io时能更称手一些，选择使用离线版客户端的同学可以跳过。
第一次使用在线版draw.io的时候会有提示框让我们确定把绘图文件保存在哪里，如果你有Google账号的话我推荐选择Google Drive，原因很简单，在Chrome浏览器里不需要再登录其他账号，直接授权就能使用。其他的像OneDrive、GitHub这些都需要登录相关账号才能进行授权，而且绘图文件的体积都非常小，Google Drive赠送的免费空间完全够存下我们所有的绘图文件了。
选择Google Drive 作为存储介质后，接下来就会弹出提示框让我们对其进行授权。
选择要授权Google Drive访问权限给draw.io的Google账号，如果你的Chrome浏览器中没有多账号登录的话只有一个用户供选择，直接点击进行下一步即可。
授权步骤完成后就能看到我们在开头展示的那个打开draw.io网址后让我们选择创建新绘图或者打开现有绘图的页面弹窗了。
首次使用我们必然是选择创建新绘图，创建新绘图的时候会让你选择现有的模版比如：流程图、UML类图、泳道图等等，这里我们直接选择空白画布即可，以后不管我们画什么图都是选择空白画布。
一个主要的原因是在这些软件里自带的绘图模版的基础上画图时，每次修改到能满足我们的需求都要废半天劲，比从头画还麻烦。 另外等学会课程后面教你的绘图技巧后，无论是多复杂的图你都能快速画出来，而且已有的绘图模版会限制你的构图思维，所以我推荐你总是使用空白画布。等自己攒的绘图资源越多，你后面画图的速度就越快，后面再告诉你为什么，我们先把初始化工作做完。
当你要保存绘图的时候，这个时候会提示你是否要把绘图直接保存到根目录里，为了便于以后更好地组织这些绘图文件，我们先新建一个文件夹存放本次课程中的所有绘图。
点击下面的“不，选择文件夹”按钮
点了之后你会发现里面什么文件夹也有......，这里需要提前去Google Drive的网页端新建一个文件夹，draw.io并没有在Google Drive里创建文件夹的权限。
我们重新开个浏览器网页，用Google搜索Google Drive 或者 访问 drive.google.com/drive/my-dr… 进入自己的Google Drive 网页端。进入网页端后，页面左上方有个醒目的新建按钮，点击新建-->新建文件夹按钮，我们创建一个文件夹存储本课程的所有绘图。这个文件夹的名字可以根据自己的喜好创建不同名字的文件夹，我这里直接取了个名叫UML。
在网页端的Google Drive创建好文件夹后再度返回draw.io的网页端，选择在我们刚才新建的文件夹里创建新绘图。
选择好保存新创建的绘图的文件夹后，我们就能进入正式进入绘图界面，下面主要讲一下绘图界面的主要工作区。
认识绘图工作区
本文是专栏程序员的全能画图课的第三节，整个专栏目前已更新22节，阅读完整版请按以下方式订阅。
订阅方式一：公粽号专栏：《程序员的全能画图课》
订阅方式二：小报童专栏：xiaobot.net/p/dev_img
专栏章节预览
