前言
开局空文件夹，编程全靠AI。全程录制，不敲一行代码，历时1小时40分，生成一个书签收藏页。（文末直接贴视频）
今天，第一次真正意义上的完全使用AI编程。以小白的角度，与AI不断进行对话，一步步实现「书签收藏站」。
不得不说，用AI编程真的爽，脑子都不带动的，异常轻松！
先来看看最终样式：「看起来还是挺大气、优雅的。」
AI编程
一、确认需求
要做一个项目前，首先要确认需求。
现在收藏书签的方式五花八门，最常见的就是浏览器的收藏夹，以及类似itab这种标签页。
原来我想做的就是这种标签页，但是工程量有点大，几个小时肯定搞不定，只好AI生成啥就用啥。
二、网页功能
- 书签的增删改查
- 标签的增删改查
- 书签的标签关联
二、开启对话
新项目三板斧：
- 新建文件夹，cursor打开空文件夹
- Ctrl+N：新建文件 -》 Ctrl+K：打开AI编程框，输入需求
- 选择大模型，回车，静待结果。
这是我输入的需求文案，可以作为参考。
我想做一个网站，能够收藏我日常看到的有趣的网址。这个网站可以是个标签站，也可以是导航站，参考以下两个站点：https://go.itab.link/ 和 https://ai-bot.cn/。请用最快速的方法帮我写出来，或者先列出制作步骤，我们一起一步一步来制作。
因为我知道AI不能一步到位，所以，我采用先列出步骤，再跟着步骤与AI一起创作的方法。
几个关键点
1、 一定是打开一个（空）文件夹来生成AI项目。
如果新建窗口，只是打开一个文本文件，后面AI生成的内容无处存放，执行不下去。
2、Ctrl+L 开启右侧AI对话框，
使用前端命令创建项目，会在当前目录下新增一个目录。但是AI执行Apply的时候，总是忽略了新建的目录，直接在当前目录下，找到错误的文件地址应用代码。
所以要点醒它。
3、安装依赖，要进对项目目录执行命令
4、制作网页，一定要打开开发者工具（F12）
看到Console有任何问题，直接与AI对话。
5、Cursor是一款AI编程产品，不要过度敬仰它
它的出现就是为了解决编程难题，让非开发人员也能上手开发，让开发人员效率更高。
它在使用上基本没有门槛，多使用，就能知道快捷键和每个按钮的功能。
6、 告诉AI，不要给选择题，直接给最优解
7、 小白尽量不碰数据库，把这点告诉AI
8、结合图片，告诉AI页面布局
注意上述几个关键点，其余的就是不断与AI对话。该批评的时候批评，该夸的时候夸奖，效果会出奇的好。
视频教程
大家可以看看我是怎么与AI对话的，2倍速食用，效果更佳～
AI编程突破征稿——网页书签页制作，纯AI编程（上篇） - 知乎
AI编程突破征稿——网页书签页制作，纯AI编程（下篇） - 知乎
结束语
虽然是赶鸭子上架做的一个书签页，但是就效果而已，还是挺不错的。仅仅花了不到2小时的时间，不需要敲一行代码就搞定了。
后续应该没有后续了，本就是用来体验AI编程的项目。算是真正亲身体验到了AI编程的强大。
当然，效果也和大模型有关，我使用的是cursor pro的claude-3.5-sonnet模型。cursor无限白嫖方法网上也很多，可以自行去找。其他大模型暂时没用过，不知道效果如何。
很多人都说cursor降智了，说来惭愧，我作为一名程序员也是最近才开始用的。目前看来，还是够用的！不过如果AI生成的代码出现了bug，回退和找bug也是一件很麻烦的事情。
代码已经上传到GitHub，感兴趣的可以下载来玩玩：github.com/JMaatCode/b…
有收获的，不妨点个赞赞~
