最近花了较多的时间使用和研究各种AI编程工具。
作为一个前端渣渣的我,陆续用它们开发了一些小工具,包括2个 小程序,1个浏览器插件,以及1个网页应用。
3个字来描述我的感受,就是:爽歪歪。
现在的cursor/trae这些工具,已经不仅仅是copilot代码助手,而是能够自主规划和完成项目的编程agent。
你只需要给它们一张图片,或者一个readme文档,它们就可以独立规划工作流,完成整个项目,你只需要做一些测试,给到它们反馈让它们修改就可以了。
before: 人类是司机,AI是副驾驶。
now: AI是司机,人类是副驾驶。
时代变了,伙计们~
是不是人人都可以成为程序员我不知道,但我知道每个工程师都可以成为全栈工程师~
因为AI精通各种编程语言,只需要一个合格的测试工程师~
一,我开发的小程序
下面这个是我用cursor开发的一个小程序,叫做"记个todo"。
已经上线了,大家可以扫码体验一下。
也可以在微信小程序搜索"记个todo",体验一下。
这个小程序是我跟cursor唠嗑唠了几个小时唠出来的。
我刚开始给了它这样一个readme.md,让它帮助我开发。
帮我开发一个"记个todo"的小程序。具有如下功能。
1,可以添加 和 删除 TODO。
2,可以拖动TODO进行排序。
3,TODO可以打勾。
4,如果TODO数量超过3个,将第4个以及以后的TODO自动折叠,并显示折叠的TODO数量。
5,当有TODO折叠时,提供展开/折叠按钮,以便可以展开/折叠的TODO。
6,当最后一个TODO打勾完成时,屏幕上显示一个满天星星落下的动画,持续3秒,作为庆祝动画。
然后我就一直在微信开发者工具的后台调试它的效果,有遇到问题,就抛给cursor让它给我改。
聊了几个小时后,就基本上达到了我满意的效果。
全程我没有敲一行代码,没有看一行代码。
只是不停地把想要的效果和实际效果的差异,用中文描述给cursor,偶尔截图给它看看。
二,小程序开发步骤
想要完整地开发上线一个小程序,还是需要知道一些背景知识的。
以下是我在完成小程序项目过程中,跟腾讯元宝唠嗑后收集整理的一些信息,供大家参考。
1,注册小程序
每个个人用户身份证可以注册最多5个。
每个企业用户最多可以注册50个小程序。
每个小程序有一个独立的账号,使用一个独立的邮箱,且该邮箱不能被公众号使用过。
注册了一个小程序后,需要获取APPID,开发需要使用它。
2,安装微信开发者助手
微信开发者助手提供了新建项目模版,代码调试,代码编译,和代码上传的功能。
3,开发调试小程序
微信开发者助手新建项目并保存后,可以在trae/cursor/vscode中打开项目目录。
使用AI帮助编写代码,然后在 微信开发者助手中调试和上传代码,这样是效率最高的。
注意小程序对代码包大小和资源文件大小有一定的约束。
主代码包不能超过4M,如果使用分包加载方式,总共不能超过20M。
资源文件(如onnx模型文件)单个文件大小不能超过10M,全部资源文件总大小不能超过200M。
4,发布小程序体验版
微信开发者助手中上传代码后,可以在小程序后台完善小程序的信息。
包括logo图像,小程序介绍,以及小程序类目等。
然后就可以发布体验版本了,体验版本可以设定有权限的用户。
5,小程序备案
如过要发布正式版本的小程序,还需要将小程序经过备案手续。
需要在小程序后台申请国家工业和信息化部的备案。大概耗时7~20天。
每个主体(身份证和企业营业执照号)同一时间只能有一个小程序处于备案流程中。
6,小程序发布审核
备案通过后,可以提交代码给小程序官方审核发布。
后面每次更新小程序代码版本,也需要经过发布审核的流程,大概1到3天。
7,微信认证
没有微信认证的话,小程序是不能够被分享和搜索的。
微信认证是第三方渠道进行身份认证,类似背调。
个人的话是30元,企业的话是300元。
微信认证后,小程序就可以被分享和搜索了。
微信认证的昵称就是小程序的名字,需要全网唯一。
微信认证一般需要1到2天。
三,各种AI编程工具对比
下面几款AI编程工具,我都尝试和使用过一些时间。谈谈我的使用体验,便于大家挑选。
我个人目前用得最多的是trae。
1,github copilot
⚫️ 智能性: 强,内置Claude-3.5, GPT 4o, o1 等模型。
⚫️ 流畅性: 一般,copilot edit 自动生成项目容易卡主。
⚫️ 独特性: github官方出品,只要有github账户就能用。
⚫️ 载体形式:vscode插件。
⚫️ 工具费用:免费版每月提供2000 次代码补全和50 次聊天请求。
⚫️ 推荐星级:⭐️⭐️⭐️
2,cursor
⚫️ 智能性: 非常强,内置Claude-3.5, GPT 4o等模型。
⚫️ 流畅性: 非常流畅,体验很好。
⚫️ 独特性: 行业顶流,最先出圈,后面的都是模仿和跟随者。
⚫️ 载体形式:基于vscode继续开发的独立IDE。
⚫️ 工具费用:14天的免费Pro体验,之后20美元每个月订阅费。
⚫️ 推荐星级:⭐️⭐️⭐️⭐️⭐️
3,windsurf
⚫️ 智能性: 很强,内置Claude-3.5, GPT 4o等模型。
⚫️ 流畅性: 非常流畅,与cursor相当。
⚫️ 独特性:比cursor便宜一些。
⚫️ 载体形式:基于vscode继续开发的独立IDE。
⚫️ 工具费用:14天的免费体验,之后15美元每个月订阅费。
⚫️ 推荐星级:⭐️⭐️⭐️⭐️
4,cline(搭配deepseek v3)
⚫️ 智能性: deepseek模型很强,但不支持图像(主要痛点)。
⚫️ 流畅性: 无比流畅,好于cursor。
⚫️ 独特性:完全开源。
⚫️ 载体形式:vscode插件。
⚫️ 工具费用:按照deepseek使用token收费,非常便宜。一般使用一个月10元人民币足以。
⚫️ 推荐星级:⭐️⭐️⭐️⭐️
5,trae
⚫️ 智能性: 很强,内置Claude-3.5, GPT 4o等模型。
⚫️ 流畅性: 非常流畅,略弱于cursor。
⚫️ 独特性:国内字节出品,默认中文界面,跟cursor完全对标。
⚫️ 载体形式:基于vscode继续开发的独立IDE。
⚫️ 工具费用:当前产品实验推广阶段免费,后续可能收费。
⚫️ 推荐星级:⭐️⭐️⭐️⭐️⭐️