前言
最近待业中想着整点没玩过的，发现挺多人开始用AI工具写完整的一个程序，几乎不用自己写一行代码，感觉可以试试，在这个时代能掌握AI工具提高生产效率正是老板们最喜欢的牛马精神，正好写个简单的小程序练练手，也可以见证一下纯靠AI不用写代码是否能完成一个简单的项目
AI编辑器
能写代码的AI工具有很多，比如全球爆火的 Cursor，微软的 Copilot，还有国产的 豆包MarsCode、CodeGeeX、通义灵码 等等，而我用的是可以平替Cursor的AI编辑器Windsurf。Windsurf是由Codeium团队开发的一款新型AI编程助手，旨在通过深度集成AI技术提升开发者的编码效率。它不仅在上下文理解、工具链集成和智能编程助手方面表现出色，还提供了丰富的功能和灵活的协作模式。同样他与Cursor一样存在提供了免费的 GPT-4o 和 Claude 3.5 Sonnet 模型，并且可以无限次数免费使用的。
Windsurf是基于VScode开发的所以支持vscode生态的插件和使用习惯，只是多了一个对话框，只要掌握针对选择的某块代码进行改动的快捷键，大部分情况下只要用自然语言表达需求即可。
多多计时器
介绍一下我用Windsurf开发的计时器小程序，这个计时器的特点就是支持多个计时器同时运行，类似ios的自带计时器，而安卓自带的计时器可能还是单一计时器，就比如我的vivo手机自带的计时器还无法添加多个计时器无法同时运行，同类的计时器小程序也看了一些，大部分也都不支持多计时器运行而且界面难看广告体验差，所以我可以参考ios计时器做个小程序。
掘友们可以扫码体验看看，也可以微信搜索"多多计时器"可以找到
再放一些小程序截图给大家参考，列举了一些常用场景可以同时进行的计时器：
可以添加计时器或修改计时器：
开发过程
开发过程还算比较顺利，我是先用uniapp新建了一个空项目，然后用Windsurf打开这个项目，下面是我和Windsurf的对话过程：
- 告诉Windsurf生成一个可选择时长，填写名称和选择提示音的计时器页面，Windsurf就会识别当前是uniapp框架，生成一个符合uniapp的计时器页面，能完成单一计时器的能力。
- 再生成一个计时器卡片列表页面，卡片内容是一个环形进度条，圆环内有提示音名称、实时倒计时和计时器名称展示，卡片左小角有删除按钮，卡片右下角有暂停播放按钮；
- 将刚才的计时器页面封装成从底部向上划出的添加计时器抽屉组件，再由计时器列表页引用，计时器列表页右下角有加号按钮可以点击弹出添加计时器抽屉组件；
- 我需要找一些提示音的音频文件放在static/music目录里，然后再指定计时器抽屉组件，提示音的选择器数据来自static/music目录的音频文件；
- 新建store/timer.js作为计时器的状态管理能力，接入计时器列表页和添加计时器组件，使用Pinia实现；
- 计时器卡片支持点击修改计时器，运行时不可修改
- timer做持久化缓存，刷新后可继续自动计时
- 整体优化样式和布局；
大致上是这样的流程，只不过我需要找音频文件和一些iconfont提供必要的资源文件，以及uniapp的一些api需要自己处理，90%的工作都是AI完成的，这样一套小程序从建项目到发布只用了一天时间就搞定了，效率真比手工写高很多呢
所以AI编辑器全自动写出的小程序到底行不行呢？掘友们试过就知道答案喔。
最后希望大家支持一下我的小程序哈，给个五星好评哟，另外有工作机会的话可以私信我哟～