我家大部分智能家居都是基于涂鸦的零代码方案DIY的，并且都接入了涂鸦平台。最近闲暇时，我正在制作一个带有墨水屏的小时钟。它的主要功能就是简单的显示时间和定时器！这款时钟原本计划连接涂鸦的蓝牙模块，实现接入涂鸦生态！ 的现成面板中没有什么特别适合的。

近期，涂鸦刚刚组织了一场小程序开发大赛，推广智能小程序。看到智能面板小程序的介绍后，我决定提前熟悉一下智能小程序的开发，然后再实现我的迷你时钟的接入和使用！

因为我的拖延症相当严重

目前，硬件开发还没有完成，还处于水墨屏程序的开发阶段，所以在小程序上投入的时间还不够。这次我只能简单的改几个图标（所以代码就不贴出来了。），主要是对开发环境和流程进行了回顾。下面简单介绍一下我的开发过程！

1.开发工具安装：直接按照开发者文档中的快速入门教程进行安装。先上官网：

安装版本，我安装的是16.20.2，我已经安装了Code。下载涂鸦开发工具涂鸦并安装。然后安装NVM。安装NVM时，需要使用CURL命令。如果你的电脑提示没有Curl命令，则需要自行安装。从Crul官网下载并安装安装包！最后安装 Yarn！只需按照教程安装即可，不会遇到任何陷阱！

2.创建产品：我的涂鸦开发平台已经有很多产品。这次我要使用 Demo，里面已经有设备了。

3、创建智能小程序：登录Mini APP开发平台，创建智能面板小程序。我选择了“电气工单插件高级模板”作为模板。

4. 正式开发：创建本地Mini APP项目后，涂鸦会自动打开并编译。这一步的响应会比较慢。也有可能是我电脑配置不好的原因。期间涂鸦两次无故自动退出！此时注意点击左侧手机窗口上方中间的账户图标，使用智能生活APP扫描二维码授权账户登录，点击中间的插件图标选择面板工具，然后连接真实设备或虚拟设备。只有这样才能编译成功！否则会报错！

5、修改代码：基本小程序编译通过后，点击右侧第一个图标打开，可以看到整体小程序项目的所有文件，根据自己的需求进行开发！修改完成后，您可以随时切换到涂鸦，它会实时显示您修改的效果！ ,

6. 上传源码并发布小程序：在开发过程中，涂鸦会即时展示小程序的效果。您还可以通过远程真机调试、真机预览的方式在手机上体验小程序的效果。开发完成后，点击右侧上传即可将源码直接上传至涂鸦！然后登录涂鸦小程序开发平台，填写基本设置中的所有项目。在开发版本中，选择刚刚上传的源码版本并提交审核。审核通过后就可以发布了！

以上就是我这个初学者经历过的整个智能小程序开发过程。如有错误或遗漏，敬请指正！

说说我的想法： 整个代码感觉和微信小程序很像。 Vant可以直接引用。这非常强大，使 UI 开发变得更加容易！只是涂鸦小程序开发工具涂鸦的功能还不够完善，无法与微信开发工具相比。如果能集成IDE就更方便了，不用在涂鸦工具之间来回切换！而且涂鸦工具总是莫名其妙地崩溃（也可能是因为我的电脑配置太差）。这也需要时间来完善。插件里还有AI功能。希望可以增加直接生成代码的能力，这样对初学者更加友好！