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

By [zhuaxia](https://paragraph.com/@zhuaxia) · 2025-02-15

---

在AI编程工具Cursor爆火之后，另一款备受瞩目的工具Windsurf强势登场。Windsurf由估值高达12.5亿美元的美国初创公司Codeium打造，一经发布便成为业界焦点。它结合了协作型copilots和独立型agents的优势，开创了全新的协作型智能体模式。

![Codeium vs GitHub Copilot](https://storage.googleapis.com/papyrus_images/b6852c0f05317a4725fa06ccffb57e20663e989bc6bb399316b415c3be566450.webp)

Codeium vs GitHub Copilot

Windsurf被誉为目前最智能的AI代码生成工具之一。接下来，我们将用它开发一款Chrome浏览器插件，集成智谱AI的两款多模态模型API：glm-4-flash和glm-4v-flash。

项目概述
----

*   **功能目标**：支持网页对话和图像理解。
    
*   **开发工具**：Windsurf + 智谱AI API。
    
*   **最终效果**：
    

![插件效果展示](https://storage.googleapis.com/papyrus_images/db9c4f42180962b10c8ccbeaf892f7f6620922b8c48a2d3181fc7552508eb9a8.webp)

插件效果展示

使用智谱AI API
----------

本次项目使用了智谱AI的两款免费API：

### 1\. GLM-4-Flash

*   **特点**：高速度、经济性。
    
*   **功能**：多轮对话、网页浏览、Function Call、长文本推理（支持最大128K上下文）。
    
*   **应用场景**：
    
    *   **数据抽取**：生物学家用它处理分子数据。
        
    *   **数据生成**：成为其他领域大模型的“黄埔军校”。
        
    *   **多轮对话**：制作AI助教或虚拟人对话。
        
    *   **英语翻译**：构建翻译APP。
        
    *   **内容生成**：文案润色。
        

![GLM-4-Flash功能](https://storage.googleapis.com/papyrus_images/43acdc2e86980b04a031c6b90adef264e582cb40cf1c62fc420d7d66fed13620.webp)

GLM-4-Flash功能

### 2\. GLM-4V-Flash

*   **功能**：图像描述生成、图像分类、视觉推理、视觉问答（VQA）、图像情感分析。
    
*   **应用场景**：
    
    *   生成社交媒体文案。
        
    *   识图答题，构建学习框架。
        
    *   美容咨询，提供护肤建议。
        
    *   OCR保险单信息提取。
        
    *   图像内容总结与输出。
        

![GLM-4V-Flash功能](https://storage.googleapis.com/papyrus_images/0df11d55305ce5a84a285fa6a117097c522112ba0db35a1ee1c02aa03163c18f.webp)

GLM-4V-Flash功能

开发流程
----

1.  **下载Windsurf并获取会员**：可通过淘宝购买（需用到Claude）。
    
2.  **创建代码文件夹**：避免使用中文和特殊符号。
    
3.  **启动Windsurf并搭建框架**：通过对话完善需求。
    
4.  **加载插件至Google浏览器**：
    
5.  **测试功能**：
    
    *   使用GLM-4-Flash进行对话。
        
    *   使用GLM-4V-Flash进行图像理解。
        
6.  **编写Readme文件**：
    
7.  **提交Chrome应用商店**：目前正在审核中。
    

结语
--

AI时代已经到来，Windsurf让零代码开发成为可能。无需编程基础，你也可以快速上手，开发属于自己的Chrome插件。快来试试吧！

👉 [野卡 | 一分钟注册，轻松订阅海外线上服务](https://bit.ly/yeka)

---

*Originally published on [zhuaxia](https://paragraph.com/@zhuaxia/ai-windsurf)*