一、实验结果

二、实验软件

首先我们要在电脑安装VsCode

[VsCode](https://code.visualstudio.com/)

安装好后打开软件
然后登录（若是没有账号就注册一个）
然后打开comate，切换至zulu模式
Chat 和 Zulu 的区别
Chat：代码问答，需要用户主导问题解决过程。用户通过提
问、理解答案、多轮追问的流程来解决问题。生成的代码经
手动点击“采纳”后合入代码文件。
Zulu：智能体，支持从需求到代码的端到端生成。用户只需
给出需求，智能体会自主规划工作，确定相关文件，编辑代
码库，调用开发工具。还会自主验证结果、持续迭代、解决
问题，直至达成用户的目标。

2.1安装通义灵码

在vscode的搜索框中输入 “通义灵码” 或 “Tongyi Lingma”，找到由阿里云
官方发布的扩展，点击 “安装” 按钮，等待安装完成

三、操作流程

安装完成后，由于通义灵码依赖阿里云服务，必须登录账号才能
正常使用。
在 VSCode 左侧的插件栏找到通义灵码图标，点击后按照提示进
行登录操作。
进行登录登录好后进入MCP 服务页
面。
有两个方式可以进入MCP服务页面
方式一：单击欢迎语中的MCP 工具链接进入 MCP 服务页
面。
方式二：单击右上角头像，并在下拉菜单中选择个人设
置，然后在个人设置页面单击MCP 服务下的条形框
单击MCP 服务右侧的+，并选择手动添加，然后在弹出的添
加MCP服务页面，配置以下选项：
名称：输入服务名称，例如：amap-sse。
类型：选择 SSE。
服务地址服务地址：https://mcp.amap.com/sse?key=<您在高德申请的key>。
使用
获取高德申请的key替换<您在高德申请的key>，注意不要有空格

3.1key的获取步骤

点进去里面有很详细的教程，然后把key复制过去即可

3.2步骤添加key

单击立即添加，等到链接图标变成绿色则代表MCP服务添加
成功。

3.2步骤二

生成 travel_tips.html文件
在通义灵码智能体工作之前，请务必确保已经打开了任何一个工
程文件，否则 MCP 调用会失败 ，更多通义灵码相关[MCP使用问题](https://help.aliyun.com/zh/lingma/support/faq-mcp)

MCP常见问题说明。

1. 打开通义灵码智能会话对话框，并切换为智能体模式。
2. 在对话框中输入以下提示词并回车。

##北京3天端午节（25年5月31日到25年6月2日）的旅行攻略。
#帮我制作旅行攻略，考虑出行时间和路线，以及天气状况路线规
划。
#制作网页，页面包含天气卡片展示3天的天气详情以及旅行小贴
士，展示每天的旅行计划，每天安排3个景点。
#制作网页地图自定义绘制旅游路线和位置。
##网页使用简约美观页面风格，景区图片以卡片展示。
#行程规划结果在高德地图app展示，并集成到h5页面中。
##同一天行程景区之间我想打车前往。
#生成文件名 travel_tips.html。

3.灵码将根据您的需求，自主规格并调用所需工具，最终生成
travel_tips.html文件。

接受然后在你所创建的文件夹里打开即可