真正开启Vibe Coding的第一天！

以下为我最近给自己开发的批量生图工具：

以下为我8个月前给自己开发的用户增长AI顾问应用：

今天在我的研发大佬的鼓励下，我开始正式的消化我自己设计和提交的需求，我的目标是在只依靠研发同学指导和安全监督的前提下，独立的开发并完成一个需求的发布，整个过程十分的激动人心，因为这次是我真正意义上成为“研发”，也是真正意义上检验当前的Vibe coding工具，能否真的让没有代码能力的产品经理完成应用开发的过程。

我先挑选了一个比较简单的需求点先练手，避免以上来就搞太复杂，第一个需求的目标是先把工具和流程熟悉好，今天这篇主要分享工具和平台的选择、环境的搭建、和coding与发布的流程，同时分享一下目前我使用的两个coding 工具 Claude code和TRAE的体验差异。

1.Vibe Coding工具的选择：Claude code作为第一优选

目前研发群体高频使用的、主流的Vibe Coding工具主要有如下几个：

1. Claude code (Claude官方出品)

2. Codex （OpenAI出品）

3. Cursor、Warp（不少研发也在使用）

4. Trae（字节出品）

   
   

在此之前，我一直是Trae的深度使用用户，包括之前我开发的几个应用，也都是使用TRAE完成的，并且我这个月已经连续充值Trae的PRO 会员4次了，已经消费了40美元，但是我总觉得Trae在开发的过程中有时候一些很简单的事情，还是会花费很多时间和算力，加上目前GPT-5.3-codex在Trae也不能用了，所以为了让自己能够顺利完成coding的工作，不会第一次就失败影响士气，所以我想先了解清楚这些应用到底哪个更强，我问了我的研发大佬这个问题，并调研了我身边的四五个开发同学，得到的结论如下：

1. Claude code是最强的选择，是第一优选，但是CC在国内容易出现封号的现象，但是刚好这个时间点我在欧洲，所以不担心封号的问题；

2. Codex也是一个不错的选择，最近的几次更新，coding群体对codex的反馈也很不错。

3. Trae\cursor等是目前国内很多研发群体的选择，主要是因为CC的封号问题，以及算力成本等角度考量；

所以最后我的选择是使用Claude code，所幸的是，CC现在已经有客户端应用了，不再是像之前一样采用命令行这种对产品经理来说“非人”的使用方式，并且直接都开通了20美元/月的PRO会员，因为自己在欧洲区，还要收3~4美元的税费，整体还是挺贵的。

2.发布管理平台

使用CNB平台，该平台主要用户需求发布管理，也就是我开发好的需求，可以构建分支，然后提交到该平台，由开发审核以后发布；

3.服务器和数据库等云服务平台

这里因为研发同学已经搭建好了，我直接使用现成的就行，不需要额外开通服务器和数据库等，我们使用的是腾讯云的服务器和数据库。

4.整个操作流程

1. 安装Claude code，这里我使用的是desktop客户端，因为我实在很不喜欢命令行的方式；

2. 将代码下载到本地：安装好之后，在cc上执行如下指令“git  clone 这个项目[CNB上的代码链接]”，输入这个指令后，按照CC的操作指导就可以将代码下载到本地；

3. 安装环境：在CC执行如下的指令“在本地安装 bee run 环境”，接下来就可以自动安装环境并运行整个项目，整个过程很简单；

4. 接下来就可以开始coding工作，整个过程就是对话的过程；

5. 开发完成之后构建一个分支，将分支发布到CNB，交付研发审核和合并发布。

5.Claude code和Trae应用开发功能对比

因为才刚开始使用Claude code，所以先分享几点目前感受到的：

1. Claude code截图预览和自我测试、迭代的功能很不错：在应用开发的过程中，CC会自行调用截图的功能预览效果，并截图返回预览效果，然后对比预览效果和用户需求，看开发结果是否和用户需求匹配，一旦发现不匹配，则重新定位问题继续优化，知道开发结果和用户需求匹配。 这点非常的省心，是我在Trae里面没有感受过的能力，TRAE里面我经常需要自己预览效果，然后查看效果和我的需求是否匹配，一旦发现不匹配还得继续提交指令，让模型继续修改。

   
   

1. 有些不足的地方就是，CC有些能力上的限制和付费卡点有点烦人，比如限制单个session的时长，超过时长之后，就的被动等待重置时长，或者买更贵的会员，这个商业化设计的点有点恶心人，TRAE目前没有这种讨厌的设计。直观的影响就是我的项目开发到一半，触发限制后，就得被迫等待2小时。

经过几个小时的琢磨研究，顺利完成了第一个分支的提交，完成了第一个小需求点，接下来我才开始进入正式复杂需求的研发，今天先写到这。后面持续跟大家分享我的Vibe coding 日记。

1. ClaudeCode 拥有更多强大的功能，包括Claude design（https://claude.ai/design），可以用于UX视觉设计和设计规范制定等应用场景，昨天我开通PRO会员之后，第一次尝试了一下用它给点赞AI会员设计一个统一的视觉UI，输出结果还是有模有样的，基本对标以前腾讯设计师同学的规范水准，但是缺点就是生图模型不太行，生成的UI效果不太好看，相比我自己用image2 生成的UI还是有些差距。

以下是我用image2对生成的会员UI icon，审美上会更加服务我自己的需求，所以Claude design在应用场景能力设计上很强，也很贴合产品设计的场景，但是生图能力可能是局限。

另外Claude提供了design 插件的功能，提供了7种专业级的设计skill，在客户端内，通过调用这些skill，可以完成包括如下场景的需求：设计评审、面向开发人员的标注与交付规范输出、设计系统（组件库）管理、用户体验文案优化、视觉审查等工作。

1. 除此之外Claude code提供了chat 和办公协同相关的功能，可以说功能相当强大，这些功能我暂时还没来的及探索，后面再持续研究体验。

这是vibe coding的第一天，我很庆幸，有研发大神亲自带我并帮我把关，真正的将vibe coding投入生产，因为现在我有越来越强的信念认为vibe coding未来应该也成为AI时代的产品经理的标配能力，所以得逼迫自己学习和进步，今天先分享第一篇，后续会持续跟大家分享我的vibe coding日记，也欢迎大家加入我的vide coding 交流群，和大家一起讨论和学习