Cursor一镜到底从零创建网站3100行代码20分钟全流程

360影视 日韩动漫 2025-06-25 19:11 3

摘要:Cursor第一次运行的时候,点击右上角↗️齿轮⚙️图标,先做一下配置:

Cursor第一次运行的时候,点击右上角↗️齿轮⚙️图标,先做一下配置:

主要有2个地方,一个是模型开关,右边菜单 【Models】,这里就是模型开关,把需要的打开。

这里要注意模型基本都有2种模式,其中名字左边带 大脑 图标的,是深度思考模式,不带大脑图标的是普通模式,就选择带深度思考模式的模型。

打开带图标的模型

第二个要配置的地方是菜单里的【Rules】,比如告诉它始终用中文回答,就可以在这里设置。

配置User Rules

Rules分了2种,一种是User Rules,一种是Project Rules。

User Rules就是全局的,Project Rules就是只针对一个项目。为了让他更好的配合我们工作,我们就设置全局的User Rules,我这里总结了一套Rule,直接套用。

这2个地方设置好后就可以开始开发了。现在选择一个工作目录,就是网站的根目录,所有代码都在这个目录下。模式选择Agent模式,这个模式下Cursor可以更好地读写我们的文件系统,省去了复制粘贴的动作,再选择好模型。

选择Agent模式和模型

输入创建网站的提示词按回车,剩下的就是等待了。

输入创建网站的要求

所有页面会一个个创建出来,每次创建好一个就点击Accept接受,其他什么事情都不用管。

只管点就Accept就行了

大概20分钟生成了全部页面,

全部代码创建完毕

整个网站让Cursor统计了一下3190行代码,14个文件,如果是免费额度,我不确定是否够用,我这里用了续杯工具,需要的小伙伴可以关注私信免费获取。

最后看下成品包括PC端和手机端效果:

PC端运行

手机端

以上就是Cursor从零开始创建一个网站的全过程。需要Rule和提示词的小伙伴关注我私信免费获取。

这里是一个专注“行业+AI”场景应用,致力于借助AI工具、AI绘画与视频、AI副业案例的分享,实现AI高效变现的创业者和自媒体人。喜欢就关注一下吧。

来源:North1AI

相关推荐