不会写代码也能用 AI 辅助编程实现自己的想法

AITNT-国内领先的一站式人工智能新闻资讯网站
# 热门搜索 #
AITNT-国内领先的一站式人工智能新闻资讯网站 搜索
不会写代码也能用 AI 辅助编程实现自己的想法
5915点击    2024-11-26 09:35

我就是个搞产品的,虽然过去也带过研发团队,但毕竟也不是专业程序员,过去很多时候,你确实会陷入到一个“我有一个想法,就差一个程序员”的怪圈里去,但因为现在有了AI,很多时候,你还真能自己的想法自己去实现了。


尽管我不是那么喜欢百度,但前几天百度自己发它们的无代码工具产品的时候,李彦宏说:“我们的确有条件让一行代码都看不懂的人具备程序员的能力,有让任何一个想法都能迅速地、低成本地变为现实的能力。”我是相当认可的。


当前市面上能帮我们写代码的 AI 助手,有多卷呢?国内有百度有文心快码,腾讯有AI Copilot,阿里的通义灵码,还有字节的豆包MarsCode,上面还有ChatGPT Canvas,Claude Artifacts。这还不够,GitHub 的 Copilot,‌StackBlitz的Bolt.new,Vercel推出的v0.dev,以及Cursor和Windsurf等工具。


有多卷呢,前几天我还觉得最好用的是Cursor,现在我最喜欢的已经变成Windsurf了……


不会写代码也能用 AI 辅助编程实现自己的想法


因为之前发的《利用 AI 给自己做个网站养老吧,“躺”着把钱挣》,很多人会来问,这里面不乏很多同学是没有开发经验的,那么今天这篇文章,我试图从小白用户的视角,利用这些AI编码工具从头开始咱们来实现一个在线上跑起来的应用,实现文中类似的效果。


重点在于,你需要结合你自己的知识去让AI给你干活,我用的工具是:Windsurf


1,本次的主题:拆解书。


域名url:zlbigger.com/ai


2,采用的方案是自带一些功能的CMS+AI二次开发的部分


比如我们选择一个本身有很多插件、模版生态的Wordpress。


不会写代码也能用 AI 辅助编程实现自己的想法


先把Wordpress在机器上安装好,就可以直接干活了。


3,我们采取直接在Wordpress的基础上开发一个插件的方式,实现运营人员在标题输入书名后,可以自动生成一篇符合要求的文章。


把这个需求细分下来就是:


-确定一家大模型产品的API,比如我选了月之暗面的(platform.moonshot.cn),需要去申请一个API Key。


不会写代码也能用 AI 辅助编程实现自己的想法


- 确定你的插件是自己用还是给很多人用,区别就在于自己用可以直接把key和提示词都写死在文档里都无所谓,要是给别人也能用,那最好是在后台可以单独输入key和提示词。我选择的是后者。


4,我把这个需求抛给AI:


不会写代码也能用 AI 辅助编程实现自己的想法


这里为了防止产生歧义,更建议你把月之暗面的接口文档里的事例也一并发给它。


如果是新手,这个过程并不会太顺利,需要多次修正。(所以尽可能表达清楚,就好像你是产品经理在给一个只按你需求文档干活的研发一样,细致些)


不会写代码也能用 AI 辅助编程实现自己的想法


不会写代码也能用 AI 辅助编程实现自己的想法


很快插件就写好了。


不会写代码也能用 AI 辅助编程实现自己的想法


启用后,后台会有一个设置的选项,你可以在这里输入关键信息:key和提示词。


不会写代码也能用 AI 辅助编程实现自己的想法


然后问题就来了,写文章的时候,并没有看到生成文章的按钮~再次跟AI对话:


不会写代码也能用 AI 辅助编程实现自己的想法


调试后,文章编辑页面出了按钮~⬇️


不会写代码也能用 AI 辅助编程实现自己的想法


但是报错~继续给它下命令,尽可能提供多的提示:


不会写代码也能用 AI 辅助编程实现自己的想法


发现是对月之暗面的API写法理解错误,我给了它一个官方事例才修正。


5,最终效果如下:


不会写代码也能用 AI 辅助编程实现自己的想法


文章标题输入「三体」,点击生成按钮,内容会自动显示到正文区域,点击发布即成功。


前端效果,⬇️


不会写代码也能用 AI 辅助编程实现自己的想法


不同终端的效果。(点击左下角原文阅读可以看下效果)


6,因为我直接用的Wordpress默认模版,所以在前端上并没有下功夫,在你的实际使用过程中,是可以搭配着 bolt.new 或者 v0.dev 来使用的。


找一个你喜欢的设计图,或者截取你喜欢的网页风格,提交给它们,让它们写。


不会写代码也能用 AI 辅助编程实现自己的想法


不会写代码也能用 AI 辅助编程实现自己的想法


不会写代码也能用 AI 辅助编程实现自己的想法


不会写代码也能用 AI 辅助编程实现自己的想法


写完之后,可以复制到Windsurf的项目列表里,跟AI说,让它按照你新提交的这个html5文件的样式去替换当前模版的样式,它会执行的很好,大大降低你自己亲自动手。


不会写代码也能用 AI 辅助编程实现自己的想法


插件地址我放这里了,有Wordpress的可以试试:


https://zlbigger.com/ai/moonshot-content-generator.zip


一点小总结


上面是一个相对简单的过程演示,其他的可以再次基础上扩展。


将自己定位为“产品经理”,AI为“执行型开发”,尽量用清晰的提示词引导审知描述预期效果。


将需求分解为尽可能小的功能点,尽可能附带参考资料和示例。


将任务分成多步,每步测试是否符合预期,避免一步生成复杂代码导致难以排查问题。


错误不可避免,多和AI对话,提供更详尽的反馈,尤其是涉及到API时,及时参考官方示例修正调用逻辑。


每个工具在不同场景下的表现不一样,多尝试能找到最佳搭配。


跟踪AI编码工具的发展,保持开放和学习的心态,不断尝试和探索新的可能性。


我说那么多没用,你看那么多也没用,动手试试最有用,现在的好处就是到处都是现成的零配件,你可以随时动手装出你想要的东西。


相信你,也可以的。


最后附上一些工具的表现效果:


不会写代码也能用 AI 辅助编程实现自己的想法


不会写代码也能用 AI 辅助编程实现自己的想法


不会写代码也能用 AI 辅助编程实现自己的想法


不会写代码也能用 AI 辅助编程实现自己的想法


文章来自微信公众号“把自己产品化”,作者“zlbigger”


不会写代码也能用 AI 辅助编程实现自己的想法

AITNT-国内领先的一站式人工智能新闻资讯网站
AITNT资源拓展
根据文章内容,系统为您匹配了更有价值的资源信息。内容由AI生成,仅供参考
1
prompt

【开源免费】LangGPT 是一个通过结构化和模板化的方法,编写高质量的AI提示词的开源项目。它可以让任何非专业的用户轻松创建高水平的提示词,进而高质量的帮助用户通过AI解决问题。

项目地址:https://github.com/langgptai/LangGPT/blob/main/README_zh.md

在线使用:https://kimi.moonshot.cn/kimiplus/conpg00t7lagbbsfqkq0