手摸手的AI编程cursor实战【小白教程】

自然语言编程不适合不懂编程的人，因为只能做出自high或简单的展示类页面，反而拖拉拽编程更适合他们。自然语言编程，非常适合懂编程的人，你可以写不出代码，但一定要有能力看懂AI写的代码，并且要有能力做一些辅助和指挥监督的工作。否则嘿嘿，你会从一开始的哇塞AI好牛啊，很快进入和他扯皮和无尽的debug中，并在“错误循环”中终止你的项目。 我是怎么知道的？嘿嘿你猜猜[doge]

♥ 345 ↩ 35

上个月拿这个干一个简历网站还是很不错的，现在的需求更偏向于真正意义上的研究和生产，cursor确实目前表现的最好

♥ 95 ↩ 3

hahah, 看了十几个 cursor 的教程, 发现布道师们都默契地写了一个极其简单的页面(甚至难以被称为 toy project) 我用了近两年, 最近一个月社交媒体上突然又开始到处谈论 Cursor 多么多么牛, 小白也能开发, 我还以为我错过了什么版本, 特地来看布道师们的视频, 但完全没有惊喜啊?  一年多前大家展示是这样, 一年多后大家还是展示着同样的页面来向小白兜售魔法... 现在越发觉得 copilot 这个名字取得好: 副驾驶存在的前提是真正有个会开飞机的驾驶员. 社交媒体营造出一种图景: "你啥都不用管, cursor 开飞机带你上天", 而销售们用"cursor 在模拟飞行游戏里飞的不错的片段集锦"来证明这个图景是真实可靠的. 贩卖梦想才是最一本万利的

♥ 93 ↩ 5

作为一个前端来说，这个放在专业的人手里确实很方便，如鱼得水般，能让它写自己懒得写的，很方便[doge]

♥ 59 ↩ 6

我说我想做一个网页，我希望它是一个单页面应用，所有需要的东西呢都使用CDN，或者是不需要其他复杂框架的方法实现 1.整体布局: 单页面、响应式设计 背景使用柔和的渐变色或轻质感纹理 内容区域采用卡片式设计，白色背景，圆角边框，轻微阴影 2.导航栏: 固定在顶部，半透明背景 左侧:您的名字或logo 右侧导航链接:首页、关于、作品集、AI助手、联系 3.英雄区(Hero Section): 占据整个屏幕宽度 左侧:简短自我介绍，包括名字、职业或专长 右侧:个人照片，圆形或特殊形状剪裁4. AI助手引导区: 位于英雄区下方 醒目的卡片或横幅设计 简短介绍A对话功能 开始对话"按钮，点击后打开A对话界面 5.照片轮播区: 全宽度图片轮播器 展示3-5张高质量个人照片或作品照片 两侧箭头按钮用于手动切换 底部小圆点指示当前照片位置6.关于我区域: 两栏布局 左侧:详细自我介绍 右侧:技能或兴趣标签，图标化展示 7.作品集区域(可选): 网格布局展示作品缩略图 点击打开模态框查看详情8.联系表单可选): 秋 简洁的联系表单 包括姓名、邮箱、消息等字段 9.页脚区域: 版杈权信息 社交媒体图标链接，排成一行 每个图标使用相应的品牌颜色，鼠标悬停时轻微放大 10. Al对话界面: 可通过导航栏的"Al助手"选项或英雄区下方的按钮访问 设计为全屏模态框或独立页面 包含以下元素: a.顶部:标题栏、简短介绍、AI助手图标 b.中间:聊天形式的对话区，用户消息靠右，AI回复靠左 C.底部:文本输入框、发送按钮、可选的语音输入按钮 额外功能:清空对话历史、导出对话记录、切换主题 -响应式设计，适应不同设备 11.设计细节: 现代简洁的无衬线字体 2-3种主色，保持整体协调 适当使用留白 添加微妙的动画效果，如滚动时的渐入 12.额外功能: 返回顶部按钮 考虑添加小型博客区域 13.交互设计:A对话界面中，输入后显示加载动画 AI回复使用打字机效果逐字显示 长回复自动滚动到底部 不用谢[呲牙]

♥ 57 ↩ 3

虽然都是比较基础的前端搭建，如果复杂前端界面的话，目前应该还是无法取代的，更别提后端编写了，但是从这也可以看出未来的趋势，初级程序员肯定是要被AI替代的

♥ 67 ↩ 12

最近试用了一些AI代码生成的工具，感觉AI对于单个定义明确的小问题，一般能够给出一个让人满意的结果，但是对于一个综合的工程性的问题，用户往往也难以把每个细节都说清楚，这个时候，AI给出的结果往往是没法看的，跟它交互起来也会变得痛苦和麻烦。可以看出，AI是生产力工具了，但也还只是个工具，程序开发的成本被降低了，用户将来可以获得更加丰富廉价的软件服务。

♥ 58 ↩ 4

师傅领进门，修行在个人，来交作业了！本想着试试让它写写KoboldCPP的前端，没想到还真让它连上了，再次感谢！

♥ 32

虽然但是教他好累啊[doge]

♥ 30 ↩ 6

你敢相信，他被我玩死了，自言自语了[热词系列_优雅]

♥ 25

总有人幻想AI只能实现初级功能～这很有可能是人类彼此之间留个面子，没有赶尽杀绝[吃瓜]

♥ 21 ↩ 2

秋芝大佬，什么时候AI能开发微信小程序

♥ 15 ↩ 17

--本内容由 @夏天爱吃菠萝大西瓜 大佬下凡召唤，热心市民@AI视频小助理闪现赶来 一、一个名为cursor的AI代码编辑器，可以帮助用户轻松开发网站。通过一个简单的要求，作者展示了如何使用cursor进行开发。 00:01 - 介绍cursor这个AI代码编辑器/集成开发环境 00:51 - 使用cursor的中文包和composer功能来设计一个网页 02:53 - 使用cursor的AI对话界面来实现一个单页面应用的网页 二、如何使用AI技术自动替换文件中的图片地址，并实现与用户的自然对话交互。同时，我们还介绍了如何调用API实现聊天功能。 03:01 - 让AI替换文件中的名字位置 04:34 - 将照片存放路径复制给AI，让AI替换照片地址 05:33 - 调用API实现AI对话功能，并检查页脚是否完整 三、如何使用AI工具轻松创建个人网站，并提供了详细的步骤和说明。此外，我们还介绍了如何利用GITHUB和excel1一键部署网站。 06:01 - 社交媒体logo需要改变，链接需要跳转 06:16 - 希望图标悬停有变化，需要代码补全 06:57 - 利用GITHUB和excel1键部署，简单易用 实名羡慕up这溢出屏幕的才华[点赞][点赞][点赞]，YYDS！快来一键三连吧[热词系列_优雅]

♥ 13 ↩ 2

还真别说，比 claude 好用多了，虽然 api 也是用 claude，但是省了你一直找代码修改的烦恼，我现在基本都是用 cursor 了，之前啥也不懂。弄了一个本地服务器网站，前后端还有爬虫集一体，之前我连个完整 的python 代码也敲不出来，半个月直接弄出来一个功能完善的网站了，太tm省事了。现在 继续纠结订阅 claude还是白嫖 cursor

♥ 11 ↩ 1

有时候会写错，虽然认错态度很好但是下次还敢。我用的老版本让它写gradio页面，写完要自己改一遍。

♥ 11 ↩ 4

不知道为什么，只有下载当天实现了ctrl+K可以调出composer，然后有accept all。。后面每次使用都只有ctrl+L可以调出chat了，调出来后，你所有步骤都要自己去复制粘贴。。然后代码太长了，chat还分几次给我展示，然后复制粘贴过去又出现缩进问题，搞得很烦。。

♥ 10 ↩ 1

秋芝摸我手了[害羞][害羞]

♥ 10 ↩ 2

中秋快乐[给心心][给心心][给心心]，我太想进步了秋老师赶紧出教程集

♥ 10 ↩ 3

我的composer和你的不一样

♥ 9 ↩ 2

up主我设置里没有这个composer怎么办[撇嘴]

♥ 9 ↩ 4