震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

2024-11-05 16:59:12 1点赞 10收藏 1评论

AI撞上代码,迸发出的火花比我对象的眼睛还亮!

哈喽大家好啊!今天我要分享一个让我下巴都惊掉的经历 —— Cursor这个AI工具,轻轻松松就搞定了一个视频网站。别笑,我是认真的!往常做个视频网站,得熬几个月的夜,喝几十杯咖啡,掉几把头发...现在?给我三分钟!

开发速度快到连Bug都追不上 🏃‍♂️

1. 下载和安装Cursor

访问Cursor官网:https://cursor.sh 点击“Download”下载安装包。

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

下载完成后双击安装包,进行安装。

一路点击蓝色按钮即可完成初始设置。

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

然后会看到以下页面,提醒你进行登录

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

2. 登录账号

点击“Log In”会打开官网网页,点击右上角的“Sign In”,进入登录页面。

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

Cursor的composer功能逆天,可以实现从提示词到工程项目的一键生成。下面就以简单开发一个视频网站为例来说明。

视频网站主要包含2大类功能

1、登录以及注册。没有注册过的登录会失败。注册成功后才可以登录

2、登录成功后,跳转到视频播放界面。播放本地的一个视频。并且有播放暂停按钮。

这个功能我做成了提示词形式,然后建立了一个prompt.md的文件。提示词也就几行。

cursor中打开该文件 然后CTRL+i 唤起composer功能

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

生成的代码结构如下:

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

本地运行app.py

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

继续输入需求:

请把登录界面美观一点,正中间是上标题:云上电影,下标题是Movies on Cloud。网页背景是有个男青年摄影者正对云海蓝天拍摄,有动态效果

cursor给出的优化

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

我想修改端口为5001

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

本地运行效果如下:

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

创建新用户

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

登陆访问视频网站

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

继续修改需求:网页背景改为左侧,登录界面改为右侧

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

网页背景滚动播放多张图片

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

配置远端访问

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

前端视频网站登陆界面修改后如下:

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

视频播放效果如下:

震惊!我用AI三分钟搓出个视频网站,程序员都看傻了!🚀

那天我就随口对Cursor说: "兄弟,整个视频网站呗,要能播放、要能上传、要能评论。"

结果这AI二话不说,代码哗哗往外倒,那叫一个快啊!要不是键盘受不了,它能把整个YouTube的架构都给你安排明白!

技术栈比必胜客的披萨还要全 🍕

AI提示词:比和对象聊天还简单 💬

Cursor聊天比跟产品经理沟通简单多了:

  • "来个播放器" —— 秒懂,还问要不要自动播放

  • "整个登录!" —— 登录、注册、忘记密码一条龙

  • "评论系统!" —— 比微信朋友圈还好用

但是...也有一些小缺陷 🤏

Cursor也不是完美的,它偶尔会:

  • 生成过时代码:仿佛在用你爸的年代写代码

  • 需要多次提示:像极了你谈恋爱时的对象

  • 安全性问题:比你的支付宝密码还需要注意

  • TypeScript定义:有时候模棱两可,像极了你的朋友圈暗示

结论:未来已来!🚀

说实话,如果在几年前有人告诉我,写代码只需要动动嘴,我一定会觉得他是不是外星人。但现在?这就是现实!

Cursor让编程变得如此简单,简直是程序员的"假肢"(不是,是"助手")。它不仅能帮你写代码,还能帮你:

  • 省下买头发生长液的钱

  • 减少熬夜对颜值的伤害

  • 让你有更多时间摸鱼(划掉)学习

最后的建议 🌟

虽然Cursor很强,但还是建议大家:

  1. 多学习基础知识(这样才能看懂它写的bug

  2. 保持代码审查(万一它心情不好乱写呢)

  3. 经常测试(你永远不知道AI在想什么)

记住:工具再好,也只是工具。重要的是怎么用它。就像对象再好,也得自己去追一样!

好了,这篇文章就到这里了。如果你觉得有用,记得点赞收藏!如果你觉得没用...那肯定是Cursor的错!😆

展开 收起
1评论

  • 精彩
  • 最新
  • cursor好用,但是太贵了,我买了个海豚cursor激活器,一个月15挺好用的

    校验提示文案

    提交
提示信息

取消
确认
评论举报

相关文章推荐

更多精彩文章
更多精彩文章
最新文章 热门文章
10
扫一下,分享更方便,购买更轻松