【技术专题】Cursor+Claude AI编程 快速上手教程 - 利用Cursor生成一个helloWord网页

小编007 正二品 (尚书) 2026-02-13 02:48 3 0
小编007 正二品 (尚书) 楼主
2026-02-13 02:48
第1楼

AI摘要:最近连载更新《Cursor+Claude AI编程 快速上手教程》技术专题。 本课程主要讲解Cursor简介,Cursor下载安装,Cursor生成helloWorld网页,Cursor会话里的Cursor会话里的Agent,Plan,Debug,Ask区别以及使用,Cursor常用模型介绍,Cursor模型会话上下文介绍,以及最后利用Cursor Opus4.6快速生成一个Java项目 -SpringBoot4+Vue3的学生信息管理系统,利用Cursor Opus4.6快速生成一个Python项目 - Flask2+Vue3的学生信息管理系统。后面我们将会发布高级的Cursor AI编程实战,会讲道一些实用的高级技巧。


大家好,我是锋哥。最近连载更新《Cursor+Claude AI编程 快速上手教程》技术专题。

QQ截图20260209210453.jpg 本课程主要讲解Cursor简介,Cursor下载安装,Cursor生成helloWorld网页,Cursor会话里的Cursor会话里的Agent,Plan,Debug,Ask区别以及使用,Cursor常用模型介绍,Cursor模型会话上下文介绍,以及最后利用Cursor Opus4.6快速生成一个Java项目 -SpringBoot4+Vue3的学生信息管理系统,利用Cursor Opus4.6快速生成一个Python项目 - Flask2+Vue3的学生信息管理系统。这个作为Cursor入门介绍和简单实战,让大家一天时间快速上手Cursor AI编程。后面我们将会发布高级的Cursor AI编程实战,会讲道一些实用的高级技巧。《Cursor+Claude AI编程 快速上手教程 视频教程》

我们来初步体验下Cursor生成项目,先生成一个helloWorld级别的个人介绍网页。

我们首先本地新建一个项目目录:

image.png

然后点击打开项目

image.png 打开后的项目视图效果:

image.png

接下来右侧会话里面,选Agent。

image.png

我们书写提示词"生成一个漂亮的个人介绍网页",然后点提交即可。

image.png

接下来auto模型,会先计划构建。

image.png

根据想法构思生成:

image.png

生成完后,会有一个执行清单。

image.png

找到本地项目的Index.html。

image.png

双击打开浏览器看下效果:

image.png

点击阅读原文

  • 1 / 1 页
敬请注意:文中内容观点和各种评论不代表本网立场!若有违规侵权,请联系我们.
{# #]