Claude与Trae研发提效#

最近看 Claude 3.7 Sonnet 很火，之前注册过 Claude 一直没尝试过写代码，索性体验一下，感受AI带来的震撼效果。

Claude 注册#

请参考其他教程「Google 搜索：claude 注册」

Claude 使用#

登陆后，直接看到一个页面，可以直接进行提问。 例如：“使用React Native新建一个日记APP”；“使用React，写一个天气页面， 显示当前温度，当天气温范围，未来一周气温预测，根据实际天气展示对应的动画，如：下雨天展示一朵云正在下雨的动画效果，大晴天就显示一个太阳带墨镜的动态效果，打雷就显示两朵乌云碰撞摩擦生电的效果，诸如此类”。

写 React Native 页面#

左侧会有 thinking 过程与解释，右侧会直接生成代码，因为是 React Native 框架，所以需要把代码放在自己的项目中执行看效果。按照 thinking 过程完成必要的第三方包安装「npm、pod」，然后保存重新执行。

可以看到页面效果还不错，可以根据自己的想法进行调整。

功能方面需要细化的请详细描述补充，样式问题可以多考虑几点后一起发送让其修改，因为每次都会生成全量的页面代码。 不过多次生成的代码都会有版本存储。

写 React 天气页面#

对于 React 项目，Claude可以直接展示效果，甚至可以把设计稿或者原型图上传进去，然后得到更细致的结果。

生成的React代码使用了 Tailwindcss，如果有拆分代码的需求，可以让 Claude 帮忙拆分子组件，抽离后放在React业务代码中使用。

使用 Claude 可以帮忙处理一些所见即所得的工作，具体的业务逻辑也可以通过描述进行生成，不过未曾尝试，帐号已被限制至19:00后可用。有需要可以订阅 pro。

Trae 使用#

使用 Trae 有两种模式，一种是 chat，一种是 builder。

builder模式打开一个空白文件夹就可以提出你的诉求，进行项目创建，按照thinking过程中出现的脚本，点击右侧的运行按钮即可在终端执行。

chat模式下可以随时在项目代码中选中一些片段进行咨询，这种与常规的 copilot 一致。

暂未进行复杂项目的研发，一些 demo 案例在 Trae 和 Claude 的配合下很快实现，尝鲜一下。

--- DONE