导语：
你是否曾经想过，零代码基础也能开发一款实用的浏览器插件？今天，我将分享如何用 Windsurf 工具，仅用 1 小时完成一款 flomo 同步插件的开发，并成功提交至 Chrome 应用商店。整个过程不仅高效，而且充满乐趣，适合新手开发者尝试！
01 产品需求：高效记录与思考
作为一个热爱记录的人，我尝试过多种 AI 笔记工具，最终发现 flomo 是最适合我的选择。在记录过程中，我最喜欢的笔记结构分为三部分：
- 标题和原链接：方便追溯信息源头。
- 精华摘要：记录高质量信息。
- 个人思考：用自己的语言表达对信息的理解。
然而，这种记录方式需要在不同窗口间反复切换，操作繁琐。于是，我萌生了一个想法：能否在同一个浏览器界面中完成这些操作，并自动处理重复性任务（如标题和链接的复制）？
最终成果：
在浏览器右侧，点击工具栏插件或按快捷键 ALT+F，即可打开插件栏，自动抓取网页标题和链接，快速复制原文摘要，填写个人感想后，点击提交即可同步到 flomo 笔记中。
02 1小时极速开发：Windsurf 的魔力
第一步：下载 Windsurf 并获取会员权限
Windsurf 是一款强调高自动化的编程工具，尤其适合没有代码基础的用户。与 Cursor 相比，Windsurf 更注重自动化功能，能够帮助用户轻松完成基础开发。
Tips：
为了使用 Claude Sonnet 功能，建议购买 Windsurf 会员。
第二步：创建代码存储文件夹
为了规范开发流程，我创建了一个名为 ss to flomo 的文件夹，用于存储插件代码。这一命名灵感来源于“善思会写卡”（SS 卡），一种包含原文摘录、个人转述、体验关联和行动指引的笔记方法。
第三步：用 Windsurf 打开文件夹
打开文件夹后，Windsurf 会自动加载右侧的 Write 侧边栏，这是与工具交互的主要区域。
第四步：明确产品需求
在输入框中详细描述你的需求，例如：“我需要开发一款 flomo 同步插件，能够自动抓取网页标题和链接，支持快速复制摘要和填写个人感想。”并明确表示：“我是一个不懂代码的产品经理，请先与我讨论清楚需求，再逐步开发。”
第五步：确认需求点
Windsurf 会指挥 Claude 生成初步方案，并与你讨论细节。这一步非常重要，确保开发方向与你的预期一致。
第六步：Windsurf 开始开发
Windsurf 会快速生成插件代码，并提示你制作插件图标。通过 Claude 的帮助，我很快就完成了图标设计。
第七步：调试插件
在 Chrome 浏览器的扩展程序页面中加载插件，并进行调试。如果遇到问题，将错误信息反馈给 Windsurf，它会快速修复。
第八步：编写 Readme 文件
让 AI 生成一份详细的 Readme 文件，记录插件的功能和使用方法，方便他人理解和使用。
第九步：提交至 Chrome 应用商店
最后，按照 Windsurf 的指导，填写应用商店的提交表单，包括隐私声明等内容。完成提交后，等待审核即可。
03 总结：AI 编程带来的开发红利
通过 Windsurf，我仅用 1 小时就完成了从需求分析到插件开发的全流程。这不仅证明了 AI 编程工具的强大，也为个人开发者带来了新的机会。
2025 年将是个人开发者的红利时代，借助 AI 编程工具，任何人都能快速实现自己的创意。 无论是代码开发还是媒体创作，AI 都将成为你的得力助手。
关键词：
Windsurf、flomo 插件、零代码开发、AI 编程、Chrome 应用商店、个人开发者、高效记录
