# AI编程初体验：用Windsurf零代码开发网页对话与图像理解插件

**Published by:** [zhuaxia](https://paragraph.com/@zhuaxia/)
**Published on:** 2025-02-15
**URL:** https://paragraph.com/@zhuaxia/ai-windsurf

## Content

在AI编程工具Cursor爆火之后，另一款备受瞩目的工具Windsurf强势登场。Windsurf由估值高达12.5亿美元的美国初创公司Codeium打造，一经发布便成为业界焦点。它结合了协作型copilots和独立型agents的优势，开创了全新的协作型智能体模式。Codeium vs GitHub CopilotWindsurf被誉为目前最智能的AI代码生成工具之一。接下来，我们将用它开发一款Chrome浏览器插件，集成智谱AI的两款多模态模型API：glm-4-flash和glm-4v-flash。项目概述功能目标：支持网页对话和图像理解。开发工具：Windsurf + 智谱AI API。最终效果：插件效果展示使用智谱AI API本次项目使用了智谱AI的两款免费API：1. GLM-4-Flash特点：高速度、经济性。功能：多轮对话、网页浏览、Function Call、长文本推理（支持最大128K上下文）。应用场景：数据抽取：生物学家用它处理分子数据。数据生成：成为其他领域大模型的“黄埔军校”。多轮对话：制作AI助教或虚拟人对话。英语翻译：构建翻译APP。内容生成：文案润色。GLM-4-Flash功能2. GLM-4V-Flash功能：图像描述生成、图像分类、视觉推理、视觉问答（VQA）、图像情感分析。应用场景：生成社交媒体文案。识图答题，构建学习框架。美容咨询，提供护肤建议。OCR保险单信息提取。图像内容总结与输出。GLM-4V-Flash功能开发流程下载Windsurf并获取会员：可通过淘宝购买（需用到Claude）。创建代码文件夹：避免使用中文和特殊符号。启动Windsurf并搭建框架：通过对话完善需求。加载插件至Google浏览器：测试功能：使用GLM-4-Flash进行对话。使用GLM-4V-Flash进行图像理解。编写Readme文件：提交Chrome应用商店：目前正在审核中。结语AI时代已经到来，Windsurf让零代码开发成为可能。无需编程基础，你也可以快速上手，开发属于自己的Chrome插件。快来试试吧！ 👉 野卡 | 一分钟注册，轻松订阅海外线上服务

## Publication Information

- [zhuaxia](https://paragraph.com/@zhuaxia/): Publication homepage
- [All Posts](https://paragraph.com/@zhuaxia/): More posts from this publication
- [RSS Feed](https://api.paragraph.com/blogs/rss/@zhuaxia): Subscribe to updates