震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀
当AI撞上代码,迸发出的火花比我对象的眼睛还亮!
哈喽大家好啊!今天我要分享一个让我下巴都惊掉的经历 —— 用Cursor这个AI工具,轻轻松松就搞定了一个视频网站。别笑,我是认真的!往常做个视频网站,得熬几个月的夜,喝几十杯咖啡,掉几把头发...现在?给我三分钟!
开发速度快到连Bug都追不上 🏃♂️
1. 下载和安装Cursor
访问Cursor官网:https://cursor.sh 点击“Download”下载安装包。
下载完成后双击安装包,进行安装。
一路点击蓝色按钮即可完成初始设置。
然后会看到以下页面,提醒你进行登录
2. 登录账号
点击“Log In”会打开官网网页,点击右上角的“Sign In”,进入登录页面。
Cursor的composer功能逆天,可以实现从提示词到工程项目的一键生成。下面就以简单开发一个视频网站为例来说明。
视频网站主要包含2大类功能
1、登录以及注册。没有注册过的登录会失败。注册成功后才可以登录
2、登录成功后,跳转到视频播放界面。播放本地的一个视频。并且有播放暂停按钮。
这个功能我做成了提示词形式,然后建立了一个prompt.md的文件。提示词也就几行。
在cursor中打开该文件 然后CTRL+i 唤起composer功能
生成的代码结构如下:
继续输入需求:
请把登录界面美观一点,正中间是上标题:云上电影,下标题是Movies on Cloud。网页背景是有个男青年摄影者正对云海蓝天拍摄,有动态效果
cursor给出的优化
我想修改端口为5001
本地运行效果如下:
创建新用户
登陆访问视频网站
继续修改需求:网页背景改为左侧,登录界面改为右侧
网页背景滚动播放多张图片
配置远端访问
前端视频网站登陆界面修改后如下:
视频播放效果如下:
那天我就随口对Cursor说: "兄弟,整个视频网站呗,要能播放、要能上传、要能评论。"
结果这AI二话不说,代码哗哗往外倒,那叫一个快啊!要不是键盘受不了,它能把整个YouTube的架构都给你安排明白!
技术栈比必胜客的披萨还要全 🍕
AI提示词:比和对象聊天还简单 💬
跟Cursor聊天比跟产品经理沟通简单多了:
"来个播放器!" —— 秒懂,还问要不要自动播放
"整个登录!" —— 登录、注册、忘记密码一条龙
"评论系统!" —— 比微信朋友圈还好用
但是...也有一些小缺陷 🤏
Cursor也不是完美的,它偶尔会:
生成过时代码:仿佛在用你爸的年代写代码
需要多次提示:像极了你谈恋爱时的对象
安全性问题:比你的支付宝密码还需要注意
TypeScript定义:有时候模棱两可,像极了你的朋友圈暗示
结论:未来已来!🚀
说实话,如果在几年前有人告诉我,写代码只需要动动嘴,我一定会觉得他是不是外星人。但现在?这就是现实!
Cursor让编程变得如此简单,简直是程序员的"假肢"(不是,是"助手")。它不仅能帮你写代码,还能帮你:
省下买头发生长液的钱
减少熬夜对颜值的伤害
让你有更多时间摸鱼(划掉)学习
最后的建议 🌟
虽然Cursor很强,但还是建议大家:
多学习基础知识(这样才能看懂它写的bug)
保持代码审查(万一它心情不好乱写呢)
经常测试(你永远不知道AI在想什么)
记住:工具再好,也只是工具。重要的是怎么用它。就像对象再好,也得自己去追一样!
好了,这篇文章就到这里了。如果你觉得有用,记得点赞收藏!如果你觉得没用...那肯定是Cursor的错!😆