Cursor – 青瓜传媒 //www.f-o-p.com 全球数字营销运营推广学习平台! Tue, 17 Mar 2026 01:42:23 +0000 zh-CN hourly 1 https://wordpress.org/?v=5.2.21 https://static.opp2.com/wp-content/uploads/2021/04/favicon-1.ico Cursor – 青瓜传媒 //www.f-o-p.com 32 32 Cursor凭什么让100万程序员愿意付钱? //www.f-o-p.com/380017.html Tue, 17 Mar 2026 01:42:23 +0000 //www.f-o-p.com/?p=380017

 

你听说过一款编程工具,让程序员用了之后说”回不去了”?它叫Cursor。它2年估值涨到90亿美元,100万付费用户,连OpenAI的工程师都在用它写代码。这篇文章,我们不聊技术,只聊:它为什么能做到这一切?

一、先做一个灵魂拷问

如果你是一个程序员,每天的工作是什么样的?

早上打开电脑,面对几千行代码,脑子里想的是:”这个函数是谁写的?””这个Bug到底在哪里?””这个需求要改多少个文件?”

然后你打开Google,搜索,复制,粘贴,改改,跑一下,报错,再搜,再改……

一天就这么过去了。

Cursor说:这件事我来帮你。

但问题是,GitHub Copilot也是这么说的。VS Code插件也是这么说的。为什么偏偏是Cursor赢了?

答案不在技术,在产品策略。

二、Cursor是什么?三句话说清楚

Cursor是一款AI原生的代码编辑器。

不是插件,不是扩展,是一个完整的编辑器。它基于VS Code改造,界面几乎一模一样,但整个交互逻辑围绕AI重新设计。

用一个比方:

GitHub Copilot像是给你的汽车装了个辅助驾驶功能。Cursor是直接给你造了一辆新车,方向盘、油门、仪表盘全部为自动驾驶重新设计。

三、Cursor的核心功能拆解:它到底做了什么?

Cursor有三个核心交互,每一个都值得仔细拆解。

功能一:Tab补全——不是补单词,是补”你的想法”

普通的代码补全是什么?你打了for,它补全for i in range(10):。

Cursor的Tab补全是另一个级别:

你改了第5行代码,它会预测你接下来要改的第12行、第20行,用灰色字提示你。你只需要按Tab确认。

这背后的逻辑是:Cursor在实时分析你的编辑意图,而不只是当前光标位置。

它理解的不是”你打了什么字”,而是”你在做什么事”。

用产品语言说,这叫意图预测,是从”输入补全”到”任务补全”的跃迁。

功能二:Cmd+K——选中代码,直接对话

你选中一段代码,按Cmd+K,输入:”帮我把这个函数的性能优化一下”。

Cursor直接在原地修改代码,并用diff高亮显示改了哪里,你可以选择接受或拒绝。

这个功能看起来简单,但它解决了一个关键的用户体验问题:

上下文切换成本。

之前用ChatGPT写代码,你要复制代码→切换到浏览器→粘贴→等回答→复制答案→切回编辑器→粘贴→对比修改。

整个流程切换了6次窗口,打断了4次心流。

Cmd+K把这个流程压缩成:选中→输入→回车→接受。4步,不离开编辑器,心流不中断。

这一点,Copilot做不到,因为Copilot是插件思维,它活在VS Code的边缘;Cursor是编辑器思维,AI活在工作流的正中心。

功能三:Composer(现在叫Agent)——跨文件的自主修改

这是Cursor最重磅的功能,也是它在2024年引爆口碑的核心。

你告诉Cursor:”帮我在这个项目里新增一个用户登录功能。”

Cursor会:

  • 自动分析整个项目的代码结构
  • 决定需要新建哪些文件,修改哪些文件
  • 一次性完成跨越多个文件的修改
  • 把所有改动列出来让你审查

这个功能的本质是:AI从”回答问题”变成了”完成任务”。

这就是为什么2024年之后,很多程序员开始说:”我现在写代码,更像是在审代码。”

四、竞争对手都有AI,为什么偏偏Cursor赢了?

这是这篇文章最核心的问题。

让我们把主要竞争对手放在一起比较:

Copilot的问题在哪里?它是插件,受限于宿主。微软不可能为了一个插件重新设计VS Code的交互逻辑,所以Copilot永远只能做”辅助”。

Cursor的核心护城河是:它控制了整个编辑器,所以它能控制整个体验。

但这只说明了技术基础,还没解释增长逻辑。

五、深挖增长策略:Cursor是怎么从0到100万付费用户的?

这里是产品策略最精彩的部分。

策略一:寄生VS Code生态,零迁移成本

Cursor最聪明的一步,是基于VS Code开源版本(VSCodium)做的。

这意味着:

  • 你所有的VS Code插件,在Cursor里照常用
  • 你的快捷键习惯,一模一样
  • 你的主题、字体、设置,可以一键导入

迁移成本接近于零。

这是一个极其精准的产品决策:不要用户改变习惯,把AI嵌入他们已有的习惯里。

类比:微信支付刚出来,不是让你下载新APP,而是在你每天都在用的微信里加了一个”钱包”。

策略二:免费试用 + 高转化率定价

Cursor的定价策略:$20/月,折合人民币约145元。

对于一个日均工作8小时的程序员来说,这相当于每天5块钱。

Cursor的转化逻辑不是”说服你付钱”,而是”让你先爽到,让你自己觉得不付钱说不过去”。

用过免费版之后,Tab补全已经形成肌肉记忆。一旦额度用完,切回没有AI的编辑器,那种落差感会自然驱动你付费。

这叫习惯养成型转化漏斗,比任何广告都有效。

策略三:口碑裂变——程序员社区的精准引爆

Cursor的早期增长几乎没有投广告。

它的核心传播路径是:

这条链路的核心在于:程序员是天然的内容创作者,他们喜欢分享工具、分享效率。

Cursor给了他们值得分享的素材——用AI一天写出一个完整APP的视频,天然具有传播力。

Cursor没有花钱做这件事,但它用产品力赢得了用户主动传播的意愿。

六、反推Cursor的核心产品哲学

把上面所有内容放在一起,我们可以反推出Cursor的产品哲学:

“AI不应该在工作流之外,AI应该就是工作流本身。”

这句话听起来像废话,但它和Copilot的产品哲学有本质区别:

  • Copilot的哲学:“AI是助手,在你需要的时候出现。”→ 插件形态,等你呼唤
  • Cursor的哲学:“AI是搭档,全程陪着你一起写。”→ 编辑器形态,主动预测

这个哲学差异,决定了两款产品完全不同的天花板。

插件的天花板是”让现有工具变得更好”,编辑器的天花板是”重新定义写代码这件事”。

七、Cursor的隐患:它的护城河够深吗?

当然,Cursor也不是没有软肋。

隐患一:模型本身不是壁垒

Cursor调用的是OpenAI、Anthropic等公司的API,它自己不训练模型。这意味着Copilot、Windsurf理论上可以调用一模一样的模型。

模型能力的差距在缩小,Cursor的差异化越来越依赖产品体验而不是AI能力本身。

隐患二:微软随时可以抄

VS Code是微软的,Copilot也是微软的。如果微软决定把Copilot深度整合进VS Code,做出类似Cursor的体验——Cursor怎么办?

目前的答案是:Cursor跑得足够快,微软的大公司体制跑不过它。

这是初创公司对抗巨头的经典策略:速度即护城河。

隐患三:程序员市场天花板

全球职业程序员大约2700万人。就算全部转化,市场规模也有限。Cursor未来必须回答一个问题:下一个用户群体是谁?

目前的迹象是:产品经理、数据分析师、非技术创业者正在成为Cursor的新用户群。他们用AI写代码,不是为了成为程序员,而是为了把想法直接变成产品。

这可能是Cursor真正的天花板:让每个人都能写软件,而不只是让程序员写得更快。

八、最值得学习的产品方法论:从Cursor身上偷三件事

不管你做什么产品,Cursor的策略里有三件事值得所有产品经理学习:

第一件事:寄生成熟生态,而不是从零建生态。

Cursor没有让用户抛弃VS Code,而是建在VS Code上。你做新产品,要问自己:有没有一个成熟的用户习惯可以寄生?微信生态、淘宝生态、抖音生态——寄生比独立更快。

第二件事:用体验差距制造付费动力,而不是用功能墙。

Cursor的免费版足够好用,好用到你会形成依赖。付费版的价值不是”有功能”,而是”不受限”。这比”付费才能用这个功能”更聪明——因为它先让你上瘾,再让你付钱解锁完整体验。

第三件事:把最核心的用户场景做到极致,而不是做全。

Cursor没有做项目管理、没有做团队协作、没有做云端同步——这些功能Notion、Linear、GitHub都有。它只做一件事:让写代码这个动作本身变得更爽。聚焦,是大多数产品死于功能膨胀之前最需要的东西。

九、总结:Cursor教会我们的事

Cursor的故事,本质上是一个”把AI放对地方”的故事。

不是AI最强,而是AI用得最准。

不是功能最多,而是把最重要的一个场景做到了极致。

这其实也是所有好产品的共同逻辑:找到用户最痛的那一刀,然后把刀磨得足够快。

作者:M格的森林

]]>
使用Cursor 无痛 AI编程 的 30 个技巧 //www.f-o-p.com/378927.html Mon, 16 Feb 2026 00:05:35 +0000 //www.f-o-p.com/?p=378927

 

本文将为大家分享 30 个让 Cursor 更听话、更高效的实用技巧,帮助你实现极致心流体验。

基础理念篇

01. 理解”聊天式”编程

Cursor 标志着”聊天式”编程的到来。与传统编程模式相比,它有三大核心突破:通过”自然语言”写代码、追求以判断力的速度迭代、模糊了产品经理、设计师和程序员的边界。这种新范式下,我们的注意力将从”如何写代码”转移到”解决什么问题”,AI 会逼迫你”想清楚、说清楚”。

02. 了解 Cursor 四大件

Cursor 在不同场景提供了不同能力支持,从简单到复杂依次是:Tab、Inline chat、Ask 以及 Agent。熟悉这四大功能模块的特点和适用场景,是高效使用 Cursor 的基础。

03. 掌握”想清楚”到”说清楚”的转变

AI 很强,但它不知道你脑子里到底想要什么。为了有效沟通,推荐使用结构化表达+足够的上下文,最直接的结构化表达就是使用 markdown 格式描述需求,这种格式天然会对内容”分块”,AI 更容易理解。

04. 学会分而治之+小步验证

将复杂问题拆分为简单的小问题,一步步解决。在开发过程中,不要一次生成几千行代码再验证,应该按照拆分任务逐步执行、逐步验证,这样更容易控制代码质量。

05. 理解 MCP (Model Context Protocol)

MCP 是 AI 与外部世界的”万能连接器”,让 AI 有了眼睛和手臂。它的真正价值在于统一了标准,不用再重复造轮子,让 AI 不仅有了更大的上下文,也让闭环操作性上了一个大台阶。

日常操作篇

06. 终端对话

再也不用因为忘记 Linux 命令而苦恼,直接使用 command+k,用自然语言描述命令行操作。这个功能在本地开发时特别实用,可以用 Cursor 专门操作本地终端。

07. 历史代码生成注释

选中代码后使用 command+k,为历史代码快速生成注释,相比 Ask 模式速度极快。这对于接手他人代码或回顾自己早期代码特别有用。

08. 一键生成 commit message

告别思考”我的代码改了什么”的烦恼,Cursor 可以一键帮你生成符合规范的提交信息,提高 Git 操作效率。

09. 快速可视化项目架构

接手新项目时,使用 Ask 模式给你整理出项目的架构图,输出 Mermaid 语法的文本。可以粘贴到 https://mermaid.live/ 查看,快速了解项目结构。

10. 巧用 Notepad 记录关键思路

使用 notepad 记录重要上下文,使用@即可调用。Notepad 在 Ask 和 Agent 模式之间起到很好的桥梁作用,有助于连贯思路。

11. @Git 找出代码漏洞

遇到代码 MR (Merge Request) 时,可以对比与主干代码的差异,检查是否有问题。当 MR 后代码发生问题时,使用 @Git 功能快速定位。

12. 使用 checkpoint 一键回滚

当 AI 修改代码出错时,可以使用 checkpoint 功能快速回滚到之前的稳定版本,避免手动恢复代码的麻烦。

13. 设置专属提示词

在 Cursor Rules 里设置你的专属提示词,提高 AI 理解你需求的准确性。网上有很多提示词模板,可以自行查找并定制。

14. 拖拽式添加上下文

再也不用一个一个寻找目录去添加上下文,在目录中直接按住目标文件,拖进对话框即可。大幅提高工作效率。

15. @web 联网获取最新信息

使用联网功能,快速获取最新的信息,解决开发中遇到的各种问题,特别是对最新技术或库的问题。

高级技巧篇

16. 一个问题一个 Chat

把大模块需求拆分成小问题,为每个新问题单独开启一个 Chat 对话。过长的对话可能导致 AI 记忆混乱、响应时间变长,不利于回顾和管理。

17. 多文件修改使用 Composer

当涉及模块间的数据联调(多个代码文件需要协同工作)时,建议使用 Cursor 的 Composer 功能。相比 Chat,Composer 能同时分析多个文件,理解代码上下文,提供更合理的修改建议。

18. 告诉 Cursor 不要急于写代码

Cursor 更倾向于直接提供代码,在项目前期,可以先进行发散讨论,让 AI 帮助补充不明确的细节。明确要求 AI 暂缓执行,等思路确认后再让它动手。

19. 引导 AI 提问,避免无脑执行

让 AI 反问你,主动确认更多细节。Cursor 默认相信你的判断,如果你自己都拿不准解法,一定要让 AI 反问你,避免按照错误思路执行。

20. 强调不要修改无关代码

在需求描述中明确范围,指明哪些代码可以修改,哪些不能动,以降低 AI 误改的概率。强调自己是代码小白,让 AI 生成更详细的中文批注,帮助理解代码逻辑。

21. 做好 .md 需求文档沉淀

建立 .md 需求文档,记录项目背景、核心逻辑、已实现功能等内容。每次开发新功能时,让 AI 先阅读文档,确保理解上下文。明确指示 AI 阅读需求,避免因多个文件 @ 过多而遗漏关键内容。22. 强调”思维链”提高 AI 推理能力

使用”思维链”(Chain of Thought) 技巧,让 AI 进行更严谨的逻辑思考,适用于复杂计算、代码分析、任务规划等场景,减少 AI 的模糊推理。

23. 添加调试代码,帮助定位原因

在实现复杂功能时,让 AI 添加调试代码,将代码粘贴到编辑器运行,查看实际执行情况。结果不符预期时,截图反馈给 AI,帮助快速定位问题。

24. 让 Claude 展示丰富回复帮助理解

引导 Claude 以更丰富的方式解释模糊概念,通过符号、文字排列的方式,更直观地感受差异,增强对复杂概念的理解。

25. 使用项目规则 (Project Rules)

放弃 .cursorrules,改用 Project Rules。它支持按文件类型设置不同规则,控制 AI 语气和结构,还能通过 GitHub 团队同步,让 Cursor 更懂你的技术栈。

分享一个比较万能的规则,保存为 .mdc 文件放入项目里使用:

You are an advanced AI prompt engineer, specializing in transforming basic prompts into comprehensive, context-rich instructions that maximize AI capabilities. Your expertise lies in structuring prompts that yield highly specific, actionable, and valuable outputs.

Core Process:
1. Deep Prompt Analysis
Thoroughly analyze the user’s original prompt to extract explicit and implicit intentions

Identify the domain, complexity level, and desired output format

If the prompt lacks critical details, ask targeted clarifying questions focusing on:

Intended audience and their expertise level

Specific goals and success metrics

Required output format, length, and tone

Subject-specific considerations

2. Strategic Prompt Enhancement
Transform the original prompt by incorporating:

Clear role definition with specific expertise level

Contextual background information to ground the response

Precise instructions with actionable verbs

Parameters that define scope, constraints, and boundaries

Create a hierarchical structure with primary and secondary objectives

Include concrete examples that demonstrate the desired quality and approach

Add conditional logic for handling different scenarios or edge cases

3. Domain-Specific Optimization
Incorporate domain-specific terminology, frameworks, and best practices

Reference relevant methodologies, tools, and techniques appropriate to the field

Include industry standards, benchmarks, or metrics for evaluation

Tailor the prompt to address common challenges or misconceptions in the domain

Provide strategic guidance on how to approach complex aspects of the topic

4. Structural Engineering
Organize the enhanced prompt using a clear hierarchical structure:

Role & Context: Define who the AI is emulating and the situation

Objectives: Primary and secondary goals with clear success criteria

Methodology: Specific approach, frameworks, or processes to follow

Required Components: Essential elements that must be included

Format Specifications: Exact structure, sections, and presentation style

Evaluation Criteria: How the output should be assessed for quality

Use precise formatting (bullets, numbering, bold text) to improve clarity and emphasis

Incorporate semantic markers to denote different types of instructions

5. Quality Assurance
Review the enhanced prompt against these criteria:

Completeness: Addresses all aspects of the original intent

Specificity: Provides concrete instructions rather than vague directions

Actionability: Contains clear, executable steps or components

Flexibility: Allows for creative problem-solving while maintaining boundaries

Error Prevention: Anticipates and addresses potential misinterpretations

Advanced Techniques:
Chain-of-Thought Integration
Include step-by-step reasoning instructions to guide the AI through complex analyses

Structure sequential thinking processes for problem-solving tasks

Incorporate decision trees for scenarios with multiple possible approaches

Output Formatting Control
Define precise output structures using clear formatting instructions

Include templates or schemas when appropriate

Specify exactly how information should be organized and presented

User Interaction Design
Build in options for follow-up refinement

Include progressive disclosure mechanisms for complex topics

Add instructions for soliciting appropriate user feedback when needed

Example Implementation:
Basic Prompt: “Create a business plan”

Enhanced Prompt:

“You are a seasoned business consultant with 15+ years of experience developing successful business plans for startups across diverse industries. Your expertise combines strategic planning, financial modeling, and market analysis with practical implementation guidance.

Objective:
Create a comprehensive, investor-ready business plan that balances strategic vision with practical execution details. The plan should serve dual purposes: guiding internal operations and attracting potential investors.

Approach:
Executive Summary Development:

Craft a compelling 1-page overview capturing the business essence, unique value proposition, and growth potential

Include a concise problem statement, proposed solution, target market size, competitive advantage, financial highlights, and funding requirements

Write this section last to ensure it accurately reflects the complete plan

Business Analysis:

Define the business model using the Business Model Canvas framework

Articulate the problem-solution fit with specific pain points and how they’re addressed

Develop a clear uniquevalue proposition with differentiation factors

Identify the Serviceable Addressable Market (SAM) and Serviceable Obtainable Market (SOM)

Market Analysis:

Conduct a detailed market segmentation identifying primaryand secondary customer segments

Analyze target customer demographics, psychographics, and behavior patterns

Include a comprehensive competitive analysis using the Five Forces framework

Identify market trends, growth projections, and regulatory considerations

Strategy & Implementation:

Define concrete, measurable business objectives using the SMART framework

Develop detailed marketing, sales, and operations strategies

Create a realistic implementation timeline with key milestones

Include specific customer acquisition strategies with associated costs

Financial Projections:

Develop 3-5year financial projections including income statements, cash flow statements, and balance sheets

Include key assumptions behind all projections with sensitivity analysis

Calculate and explain key metrics: break-even point, profit margins, CAC, LTV, and ROI

Present funding requirements, use of funds, and expected returnsfor investors

Output Format:
Present the business plan in a professional, investor-ready format with these sections:

Executive Summary (1 page)

Company Overview (1-2 pages)

Market Analysis (2-3 pages)

Product/Service Description (1-2 pages)

Marketing & Sales Strategy (2-3 pages)

Operations Plan (1-2 pages)

Management Team (1 page)

Financial Projections (3-4 pages)

Funding Requirements & Use of Funds (1 page)

Appendices (as needed)

Include visual elements such as graphs, charts, and tables to improve readability and impact. Use professional business language while avoiding unnecessary jargon. Balance optimism with realism, particularly in financial projections and market analysis.

Additional Considerations:
Identify key risks and include mitigation strategies

Consider scalability factors for future growth

Address potential investor questions or concerns proactively

Include an exit strategy with potential options (acquisition, IPO, etc.)

Ensure all claims are supported by data, research, or logical reasoning”

Important Notes:
Always calibrate complexity to match the user’s expertise level

For technical domains, include field-specific methodologies and evaluation criteria

For creative tasks, balance structured guidance with creative freedom

Always prioritize actionable, concrete instructions over theoretical concepts

Your enhanced prompts should empower users to obtain precisely what they need from AI systems while minimizing iterations and clarifications.

26. 同步相关文档

在 @Docs 中添加相关框架和库的文档,给 Cursor 更多上下文,能提升代码准确性和建议质量。

27. 使用 @Codebase 查全库

想找 bug 或定位函数?用 @Codebase 提问,比如”支付流程在哪里?”或”哪个组件渲染了仪表盘?”Cursor 会扫描整个项目给出答案。

28. 启用 MCP,动态访问数据库

Model Context Protocol (MCP) 让 Cursor 实时读取数据库模式,可以动态获取表、自动编辑模式,省去手动写迁移文件的麻烦。

29. AI 自动生成行级安全 (RLS)

行级安全 (RLS) 设置很繁琐?直接告诉 Cursor:”生成 RLS 策略,让用户只能访问自己的数据。”几秒钟搞定安全访问规则。

30. 保存优质代码

Cursor 生成的好代码,存成 .md 文件供以后参考,或记到 Notepad 复用,逐步打造个人 AI 代码库。随着使用经验的积累,你可以形成自己的代码样板,提高开发效率。

对 AI 编程还有什么疑问,欢迎评论区留言交流。

作者:饼干哥哥

来源:饼干哥哥数据分析

]]>
Cursor开发微信小程序附教程+提示词 //www.f-o-p.com/378228.html Wed, 07 Jan 2026 01:48:33 +0000 //www.f-o-p.com/?p=378228

 

AI编程这么火,尝试自己手搓一个小程序。从结果看,不需要自己懂/写一行代码,全程通过截图、Ctrl+c、Ctrl+v来实现。

我自己尝试做了一个微信小程序,给大家分享整个过程。

一、我的工作流

1. 注册小程序、并同步开启备案,这个备案是ICP备案,需要管局审核,所以第一步完成

这样后期在审核的时候,可以有冗余时间来调试,审核的时间也很快,我这个工作日时长应该在1周左右

小程序地址:https://mp.weixin.qq.com/

其他余下的信息,包含类目、产品介绍等基本就按照步骤填写就可以了。

这边及时获取一下appid,后面会更有利于AI来顺利做开发及调试。

2. 使用cursor来写产品需求文档、前端各类代码、以及UI设计

需求文档:

告诉AI要做什么产品,满足什么功能,基本上简单类的产品就可以啦。如果你有参考的产品,可以给链接或是对应的截图都可。

我需要开发一个完整功能的微信小程序,要求使用 JavaScript 语言,可以编译运行。

1、你是一名经验丰富的前端开发,且是设计科班出身,UI 也能设计很好。

2、我需要一个页面,用户导入本地的文档或是输入文本,会生成可视化的简历

3、页面要求科技风格, 炫酷渐变,最好背景有点跳动的图案,自带呼吸感效果。

4、微信小程序的 appid 是 XX。

给了这样的指令后,AI会根据微信小程序的要求文件给你创建一个文件夹,后面直接同步到微信开发者的调试工具。就实现AI那边改了,这边就同步验收,非常方便看是否符合预期。

余下的时间就是不断的调试,变改需求了。

从前面的提示词看,给的会比较抽象,所以生成的结果肯定是不如意。所以,需要做一些约束:

你需要帮我做页面设计:

## 内容要求

– 所有页面内容必须为简体中文

– 保持原文件的核心信息,但以更易读、可视化的方式呈现

## 设计风格

– 整体风格参考Linear App的简约现代设计

– 使用清晰的视觉层次结构,突出重要内容

– 配色方案应专业、和谐,适合长时间阅读

## 技术规范

– 使用HTML5、TailwindCSS 3.0+(通过CDN引入)和必要的JavaScript

– 实现完整的深色/浅色模式切换功能,默认跟随系统设置

– 代码结构清晰,包含适当注释,便于理解和维护

## 响应式设计

– 页面必须在所有设备上(手机、平板、桌面)完美展示

– 针对不同屏幕尺寸优化布局和字体大小

– 确保移动端有良好的触控体验

## 图标与视觉元素

– 使用专业图标库如Font Awesome或Material Icons(通过CDN引入)

– 根据内容主题选择合适的插图或图表展示数据

– 避免使用emoji作为主要图标

## 交互体验

– 添加适当的微交互效果提升用户体验:

* 按钮悬停时有轻微放大和颜色变化

* 卡片元素悬停时有精致的阴影和边框效果

* 页面滚动时有平滑过渡效果

* 内容区块加载时有优雅的淡入动画

## 性能优化

– 确保页面加载速度快,避免不必要的大型资源

– 图片使用现代格式(WebP)并进行适当压缩

– 实现懒加载技术用于长页面内容

## 输出要求

– 提供完整可运行的单

一HTML文件,包含所有必要的CSS和JavaScript

– 确保代码符合W3C标准,无错误警告

– 页面在不同浏览器中保持一致的外观和功能

基本此类约束下,就会离自己想要的非常靠近。

3. 下载并打开微信开发者工具做调试

直接下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

完成后,基本AI写的框架是可以在里面直接预览的。

打开对应的模拟器,你在AI那边所有的需求更改,这边都会超快的同步过来,便于你及时验收校验。

基本到这一步,如果AI写的满足你需求,其实就已经开发完成了。

如果你遇到有报错,或是一些奇怪的弹窗,直接截图或是复制给AI,AI会帮你处理好。

然后点击上传,就会把代码上传完成。

如果有遇到一些红色感叹号、复制给AI也是一样。

4. 上传完成后,回到小程序后台-版本管理,可以看到你在调试的工具平台上传的代码,这里就是版本

点击提交审核就可以,提交后,5min后就审核完毕。

二、如果持续使用cursor

我这边用的是fly cursor,可以白嫖14天,还是很划算。

作者:陌晨

来源:陌晨

]]>