Navigate to WaytoAGI Wiki →
Home/Question List/Question Detail

cursor如何建网站

Answer

以下是关于使用 Cursor 建网站的相关信息：

  1. 借助@Web，Cursor 会根据查询和您提供的上下文构建搜索查询，并在 Web 上搜索以查找相关信息作为附加上下文，这对于查找最新信息特别有用。您可以通过打开 Chat>功能光标设置下的“始终搜索 Web”，使光标在每个查询中搜索 Web 聊天。
  2. 免费模式（Hobby 计划）：用户可以免费体验两周，享受每月 2000 个代码补全、50 个慢速优先的高级请求和 200 次使用 cursor-small 模型的数。付费模式（Pro 计划）:用户每月支付 20 美元则可以获得更多的 GPT-4 使用次数和无限次的代码补全。企业专业模式（Business 计划）：每月收取 40 美元，提供额外的数据保留等服务。
  3. 按下快捷键 Ctrl+K 唤醒 Edit 功能，输入：#创建一个简单的支付页面，包括姓名、手机号、支付方式、支付金额，支付方式包含微信支付和支付宝支付，简洁、高级，用乔布斯的风格设计，就能直接生成支付页面的代码。如果生成的效果满意，可以在原有的基础上修改、优化、增加新功能等，有看不懂的代码也可以在 chat 对话框直接提问。
  4. 相关课程讲解包括：无影安装流程及相关问题的直播讲解，介绍了 AIPO 编码相关的问卷发布及复制链接操作，无影的概念、安装步骤、注意事项等；AI 时代编程难度降低，共学搭建网站过程及相关要点，强调编程变得简单，普通人也可通过编程提升工作、学习效率，并介绍了网站部署操作；网站部署与工具 bot 使用的课程讲解及相关操作演示，介绍了网站部署相关内容，包括使用 cursor 搭建 conf UI 工作流小应用、网站部署流程中的注意事项、作业内容等。
Content generated by AI large model, please carefully verify (powered by aily)

References

@Web

With@Web,Cursor constructs a search query based on the query and the context you’ve provided,and searches the web to find relevant information as additional context.This is particulary useful for finding the most up-to-date information.借助@Web，Cursor会根据查询和您提供的上下文构建搜索查询，并在Web上搜索以查找相关信息作为附加上下文。这对于查找最新信息特别有用。[heading3][heading3]Always On始终开启[content]You can make Cursor search the web for chat on every query by turning on“Always search the web”under Cursor settings>Features>Chat.This is equivalent to using@web on every query.您可以通过打开Chat>功能光标设置下的“始终搜索Web”，使光标在每个查询中搜索Web聊天。这相当于对每个查询都使用@web。

Geek Savvy : 不懂代码的人也可以用Cursor，5分钟快速完成一个简单的支付页面

免费模式（Hobby计划）：用户可以免费体验两周，享受每月2000个代码补全、50个慢速优先的高级请求和200次使用cursor-small模型的数。付费模式（Pro计划）:用户每月支付20美元则可以获得更多的GPT-4使用次数和无限次的代码补全。企业专业模式（Business计划）：每月收取40美元，提供额外的数据保留等服务。02用Cursor简单创建一个支付页面按下快捷键：Ctrl+K唤醒Edit功能，输入：#创建一个简单的支付页面，包括姓名、手机号、支付方式、支付金额，支付方式包含微信支付和支付宝支付，简洁、高级，用乔布斯的风格设计就能直接生成支付页面的代码：效果非常不错，出乎意料的强，设计品味也在线，看着确实不错。如果生成的效果你觉得可以，就可以继续在原有的基础上修改、优化、增加新功能等等，有看不懂的代码也可以在chat对话框直接提问。一番体验下来，多种适配性体验还是蛮不错的，在自动补全代码、光标位置预测和多行编辑等功能表现挺出色，尤其是前端能力十分突出、设计风格也不错，主要还是人家集成了目前代码能力最强大的claude-3.5-sonnet，间接免费试用Claude还是很爽的。更多强大的能力还需要继续探索。Cursor键盘快捷键：注意：在Windows/Linux上，使用Ctrl键代替⌘(Command)键。03一家致力于改变世界的公司在他们的博客文章中，看到了他们的满怀壮志：

03-0基础建站

[heading2]智能章节[19:31](https://waytoagi.feishu.cn/minutes/obcn8zisfrlv44tzsw5bk4ds?t=1171000)无影安装流程及相关问题的直播讲解本章节主要介绍了一些操作流程和无影相关内容。首先是AIPO编码相关的问卷发布及复制链接操作。然后重点阐述了无影的概念、安装步骤、注意事项，如不同系统的安装方法、权限问题规避、登录选择、福利领取、自动续费关闭方法等，最后提到云影安装结束后的配置操作。[31:55](https://waytoagi.feishu.cn/minutes/obcn8zisfrlv44tzsw5bk4ds?t=1915000)AI时代编程难度降低，共学搭建网站过程及相关要点本章节主要强调在AI时代编程变得简单，普通人也可通过编程提升工作、学习效率。大雨老师介绍了传统编程的复杂性，而现在借助工具难度降低，还讲了serverless方式的优势等，并开始带大家进行网站部署操作，包括fork代码、选择区域、配置GitHub等步骤。[01:00:15](https://waytoagi.feishu.cn/minutes/obcn8zisfrlv44tzsw5bk4ds?t=3615000)网站部署与工具bot使用的课程讲解及相关操作演示本章节主要介绍了网站部署相关内容，包括使用cursor搭建conf UI工作流小应用、网站部署流程中的注意事项、作业内容（如域名登记、思考网站价值等），还讲解了GitHub基本操作、介绍了bot工具及其使用案例、探讨了与AI沟通的要点，同时提及了一些相关工具的交互方式等。[01:42:53](https://waytoagi.feishu.cn/minutes/obcn8zisfrlv44tzsw5bk4ds?t=6173000)关于网站相关操作、语言选择、微信群及活动名额申请的交流

Others are asking
有什么AI创建网站的工具
以下是一些常见的 AI 创建网站的工具： 1. Wix ADI（Artificial Design Intelligence） 网址：https://www.wix.com/ 特点：基于用户提供的信息自动生成定制化网站，提供多个设计选项和布局，集成了 SEO 工具和分析功能。 2. Bookmark 网址：https://www.bookmark.com/ 特点：AIDA 通过询问用户几个简单问题快速生成网站，提供直观的拖放编辑器，包括多种行业模板和自动化营销工具。 3. Firedrop 网址：https://firedrop.ai/ 特点：Sacha 是其 AI 设计助手，可根据用户指示创建和修改网站设计，提供实时编辑和预览功能，包含多种现代设计风格和自定义选项。 4. The Grid 网址：https://thegrid.io/ 特点：Molly 是其 AI 设计助手，可自动调整网站设计和布局，基于内容和用户互动进行优化，支持多种内容类型。 5. Zyro 网址：https://zyro.com/ 特点：使用 AI 生成网站内容，包括文本、图像和布局建议，提供 AI 驱动的品牌和标志生成器，包含 SEO 和营销工具。 6. 10Web 网址：https://10web.io/ 特点：基于 AI 的 WordPress 网站构建工具，可自动生成网站布局和设计，提供一键迁移功能，集成 AI 驱动的 SEO 分析和优化工具。 7. Jimdo Dolphin 网址：https://www.jimdo.com/ 特点：Dolphin 是其 AI 网站构建器，通过询问用户问题定制网站，提供自动生成的内容和图像，包含电子商务功能。 8. Site123 网址：https://www.site123.com/ 特点：简单易用，适合初学者，提供多种设计模板和布局，包括内置的 SEO 和分析工具。 在选择合适的 AI 网站制作工具时，可以考虑以下因素： 1. 目标和需求：确定网站目标（如个人博客、商业网站、在线商店）和功能需求。 2. 预算：有些工具提供免费计划或试用版，但高级功能可能需要付费订阅。 3. 易用性：选择符合自身技术水平的工具，确保能轻松使用和管理网站。 4. 自定义选项：检查工具是否提供足够的自定义选项，满足设计和功能需求。 5. 支持和资源：查看是否有足够的客户支持和学习资源（如教程、社区论坛），帮助解决问题。
2025-01-16
coze最新的应用模块如何搭建网站
以下是关于使用 Coze 搭建网站的相关信息： Coze 是新一代一站式 AI Bot 开发平台。字节针对 Coze 部署了国内版和海外版两个站点。 国内版： 网址：https://www.coze.cn 官方文档教程：https://www.coze.cn/docs/guides/welcome 大模型：使用字节自研的云雀大模型，国内网络可正常访问 海外版： 网址：https://www.coze.com 官方文档教程：https://www.coze.com/docs/guides/welcome 大模型：GPT4、GPT3.5 等大模型（访问需突破网络限制的工具，参考文档：https://www.coze.com/docs/zh_cn/welcome.html ） Coze 上线了可直接“拖拉拽”做网页的功能，让 bot 交互可控。要使用此功能，您需要有 Coze 账号（专业版或普通版均可），操作步骤如下： 1. 创建的时候选择“创建应用”。 2. 可以选择一个模板或者空白应用。 3. 正上方选择“用户界面”。 4. 大部分人可能没注意到这个页面也是可以调试的，在右上角。 Bot 的开发和调试页面布局主要分为以下几个区块： 提示词和人设的区块。 Bot 的技能组件。 插件。 工作流。 Bot 的记忆组件。 知识库。 变量。 数据库。 长记忆。 文件盒子。 一些先进的配置，如触发器（例如定时发送早报）、开场白（用户和 Bot 初次对话时，Bot 的招呼话语）、自动建议（每当和 Bot 一轮对话完成后，Bot 给出的问题建议）、声音（和 Bot 对话时，Bot 读对话内容的音色）。 进入 Coze 官网（www.coze.cn）注册并登录，点击页面左上角的⊕，通过【标准创建】填入 bot 的基本信息，即可创建基础智能体。Bot 的开发和调试页面功能布局包括： 人设与回复逻辑（左侧区域）：设定 Bot 的对话风格、专业领域定位，配置回复的逻辑规则和限制条件，调整回复的语气和专业程度。 功能模块（中间区域）： 技能配置：插件（扩展 Bot 的专业能力，如计算器、日历等工具）、工作流（设置固定的处理流程和业务逻辑）、图像流（处理和生成图像的相关功能）、触发器（设置自动化响应条件）。 知识库管理：文本（存储文字类知识材料）、表格（结构化数据的存储和调用）、照片（图像素材库）。 记忆系统：变量（存储对话过程中的临时信息）、数据库（管理持久化的结构化数据）、长期记忆（保存重要的历史对话信息）、文件盒子（管理各类文档资料）。 交互优化（底部区域）：开场白（设置初次对话的问候语）、用户问题建议（配置智能推荐的后续问题）、快捷指令（设置常用功能的快速访问）、背景图片（自定义对话界面的视觉效果）。 预览与调试（右侧区域）：实时测试 Bot 的各项功能，调试响应效果，优化交互体验。
2024-12-02
免费创建网站的AI有哪些
以下是一些免费创建网站的 AI 工具： 1. 10Web 2. Framer 3. Hostinger 4. Landingsite 在选择合适的 AI 网站制作工具时，您可以考虑以下因素： 1. 目标和需求：确定您的网站目标（例如个人博客、商业网站、在线商店）和功能需求。 2. 预算：有些工具提供免费计划或试用版，但高级功能可能需要付费订阅。 3. 易用性：选择一个符合您技术水平的工具，确保您能够轻松使用和管理网站。 4. 自定义选项：检查工具是否提供足够的自定义选项，以满足您的设计和功能需求。 5. 支持和资源：查看是否有足够的客户支持和学习资源（如教程、社区论坛），帮助您解决问题。 通过这些 AI 驱动的工具，您可以更轻松地创建和管理一个功能丰富、外观专业的网站。但请注意，内容由 AI 大模型生成，请仔细甄别。
2024-10-31
用AI搭建网站
以下为您介绍一些用 AI 搭建网站的工具及选择合适工具的方法： AI 搭建网站的工具： 1. Zyro 网址： 特点：使用 AI 生成网站内容，包括文本、图像和布局建议；提供 AI 驱动的品牌和标志生成器，帮助创建独特的品牌形象；包含 SEO 和营销工具，帮助提升网站可见性和流量。 2. Site123 网址： 特点：简单易用的 AI 网站构建工具，适合初学者；提供多种设计模板和布局，用户可以快速创建专业网站；包括内置的 SEO 和分析工具，帮助优化网站表现。 选择合适的 AI 网站制作工具的方法： 1. 明确目标和需求：确定您的网站目标，如个人博客、商业网站、在线商店等，并明确功能需求。 2. 考虑预算：有些工具提供免费计划或试用版，但高级功能可能需要付费订阅。 3. 易用性：选择符合您技术水平的工具，确保能够轻松使用和管理网站。 4. 自定义选项：检查工具是否提供足够的自定义选项，以满足设计和功能需求。 5. 支持和资源：查看是否有足够的客户支持和学习资源，如教程、社区论坛等，帮助解决问题。 通过这些 AI 驱动的工具，您可以更轻松地创建和管理一个功能丰富、外观专业的网站。请注意，以上内容由 AI 大模型生成，请仔细甄别。
2024-09-19
构建网站和设计网页的免费AI
以下是一些构建网站和设计网页的免费 AI 工具： 1. Bookmark 网址： 特点：AIDA 通过询问用户几个简单的问题，快速生成一个网站。提供直观的拖放编辑器，用户可以轻松自定义网站内容和布局。包括多种行业模板和自动化营销工具。 2. 10Web 网址： 特点：基于 AI 的 WordPress 网站构建工具，可以自动生成网站布局和设计。提供一键迁移功能，将现有网站迁移到 10Web 平台。集成的 AI 驱动 SEO 分析和优化工具。 3. Wix ADI 网址： 特点：基于用户提供的信息，Wix ADI 可以自动生成一个定制化的网站。提供多个设计选项和布局，用户可以进一步调整和自定义。集成了 SEO 工具和分析功能，帮助优化网站表现。
2024-08-22
如何使用cursor进行编程
以下是关于如何使用 Cursor 进行编程的相关信息： Cursor 旨在让您极其高效，是使用 AI 进行编码的最佳方式。您可以从代码库中获得最佳答案，参考特定文件或文档，一键使用模型中的代码。 它允许您使用指令编写代码，通过简单的提示就能更新整个类或函数。 Cursor 能通过预测您的下一个编辑，让您轻松完成更改。
2025-04-18
怎么使用cursor
以下是关于如何使用 Cursor 的详细介绍： 1. 访问 Cursor 官方网站：您可以通过 https://www.cursor.com/ 下载 Cursor。 2. 注册账号：使用您的邮箱（如 google、github、163、qq 邮箱）直接登录，也可接受二维码登录。 3. 安装中文包插件。 4. 配置相关设置： 在设置中进行 Rule for AI 配置。 按 ctrl/cmd+i 输入需求，例如“帮我做一个贪吃蛇游戏，在网页中玩”。 清晰表达需求，如详细说明游戏规则和逻辑，包括游戏界面、蛇的移动、食物、增长、死亡条件、得分、难度递增和游戏结束等方面。 5. 使用第三方文档： Cursor 附带一组已爬取、索引的第三方文档，可通过@Docs 符号访问。 若要添加自定义文档，可通过@Docs>Add new doc 实现，粘贴所需文档的 URL 后，Cursor 将索引并学习该文档，您即可将其用作上下文。 在 Cursor Settings>Features>Docs 下可管理已添加的自定义文档，进行编辑、删除或添加新文档的操作。 希望以上内容对您有所帮助。
2025-04-18
对于用cursor来开发，有没有好好用prompt来使cursor变得更加好用
以下是关于如何用 prompt 使 Cursor 变得更好用的相关内容： 在 prompt 方面，Devin 有一个特别有帮助的文档（https://docs.devin.ai/learnaboutdevin/prompting），它会教您什么样的 prompt 在与 Devin 沟通时最有效，比如明确定义成功的标准，如跑通某个测试或访问某个链接能对得上等。将同样的原则应用到 Cursor 中，会发现 Cursor 变得聪明很多，能自主验证任务完成情况并进行迭代。 Cursor 在生成单测方面表现出色。相对 GPT 等工具，Cursor 解决了上下文缺失和难以实现增量更新的问题。它可以向量化整个代码仓库，在生成单测代码时能同时提供目标模块及对应的上下游模块代码，生成结果更精确。例如，使用适当的 Prompt 能返回基于 Vitest 的结果，调整成本较小。 Cursor 支持使用.cursorrules 文件设定项目的系统提示词，针对不同语言可设定不同的 Prompt。@AIChain 花生做了一个 Cursor 插件解决提示语管理问题，可选择不同的.cursorrules 文件，还可从 https://cursor.directory/ 和 https://cursorlist.com/ 寻找提示词。此外，还有一个提示语小技巧，给已有的提示语追加上特定规则，可使模型在搜索资源和思考时默认使用英语，回复转换成中文，或更灵活地根据提问语言进行回复。
2025-04-14
怎么使用cursor
以下是关于如何使用 Cursor 的详细介绍： 官方介绍： Cursor 是一款旨在让您极其高效的 AI 代码编辑工具，是使用 AI 进行编码的最佳方式。 您可以通过以下链接查看其实际操作： 它能够读懂您的数据库，从您的代码库中获得最佳答案，或参考特定文件或文档，并且一键使用模型中的代码。您还可以观看相关视频了解： 通过预测您的下一个编辑，让您轻松完成更改。您可以观看 进一步了解。 关于 Docs： Cursor 附带一组第三方文档，已爬取、索引并准备好用作上下文。您可以使用@Docs 符号访问它们。 如果要对尚未提供的自定义文档进行爬网和索引，可以通过@Docs>Add new doc 来实现。粘贴所需文档的 URL 后，将显示以下模式。然后 Cursor 将索引并学习文档，您将能够像任何其他文档一样将其用作上下文。 在 Cursor Settings>Features>Docs 下，您可以管理已添加的文档，包括编辑、删除或添加新文档。 0 编程基础入门极简使用指南： 1. 下载 cursor：https://www.cursor.com/ 2. 注册账号，直接拿自己的邮箱登录，如 google/github/163/qq 邮箱，直接接受二维码登录。 3. 安装中文包插件。 4. 参考相关教程： 5. 在设置中 Rule for AI 配置。 6. 按 ctrl/cmd+i 输入需求，例如：帮我做一个贪吃蛇游戏，在网页中玩。并清晰表达需求，包括游戏界面、蛇的移动、食物、增长、死亡条件、得分、难度递增和游戏结束等规则。
2025-04-13
运营同学怎么使用cursor
运营同学使用 Cursor 可以参考以下内容： 1. 检查使用情况：可以在页面上检查，也可在 Cursor 应用程序中的 Cursor Settings>General>Account 下，专业用户按“Manage Subscription”，商业用户按“Manage”。游标使用情况会根据订阅开始日期每月重置一次。 2. 入门步骤： 下载 Cursor：https://www.cursor.com/ 注册账号，可用邮箱如 google/github/163/qq 邮箱，直接接受二维码登录。 安装中文包插件 参考相关链接： 在设置中 Rule for AI 配置，按 ctrl/cmd+i 输入需求。 3. 例如做一个贪吃蛇游戏在网页中玩的需求，要清晰表达需求，包括游戏界面、蛇的移动、食物、增长、死亡条件、得分、难度递增和游戏结束等方面的规则和逻辑。 4. Windows 系统用户在 Cursor 中配置时一定记得要用"cmd","/c"。输入相关提示词可获得执行结果和提取结果。但请注意请勿恶意爬取网页信息。
2025-04-11
有没有连接cursor和firebase的MCP
以下是关于连接 Cursor 和 Firebase 的 MCP 的相关内容： 1. 搭建本地 MCP： 明确说明需要实现的功能。 从核心功能开始，跑通之后再叠加额外功能。 Claude 思考后写下代码，在命令行 cmd 里运行服务器 python 文件，转到项目文件目录下运行。 将服务器接入到 Cursor 里，打开 Cursor 右上角设置/MCP，点击添加，配置文件 mcp.json，输入代码以安装服务器或以开发者模式安装，配置好后按 ctrl + S 保存。 回到设置界面，查看是否连接成功，未成功可点击刷新。 提问测试是否成功调用 MCP 工具。 2. MCP 前置准备工作（保姆级教程）： 配置 MCP 客户端软件任选一个客户端软件配置即可，大致分为四步： 填入大模型 API 密钥。 找到 MCP 配置界面。 填入 MCP Server 对应的 json 脚本。 使用 MCP 。 配置 Cherry Studio（推荐）：使用 2025 年 4 月发布的 1.1.17 版本，配置大模型 API，填入之前准备好的 AiHubMix 的 API 密钥，配置 MCP 。 配置 Cursor（推荐）：若 Cursor Pro 在免费试用期，配置大模型 API 这一步可以不做；若不在免费试用期，可氪金或填入之前准备好的 AiHubMix 的 API 密钥，配置 MCP Server，填入 MCP Server 的 json 并保存，回到 Cursor 的 MCP 配置页面，等待几秒钟，多点几次蓝色框里的按钮，直到绿灯亮起，并显示出所有 MCP 工具，使用 MCP 时 Ctrl + Shift + L 新建对话，将模式设置为 Agent 。 配置 Claude Desktop：用文本编辑器打开 claude_desktop_config.json 文件，填入 MCP Server 对应的 json 文件，保存，重启 Claude Desktop 并查看 MCP Server 连接状态。 3. 从 0 开始开发第一个 MCP 服务： Cursor 和 Windsurf 不断更新，MCP 开发教程也在进化。 适合想快速入门 MCP、对 AI 开发感兴趣但没编程基础、不想写代码但想做开发的人群。 预计动手时间仅需 15 分钟。 可以开发实现加法运算等功能的 MCP Server，通过 MCP 让 AI 使用查询实时天气、联网搜索最新信息、调用私人数据库等强大工具，还能分享提示词。
2025-04-10