如何制作一个北京端午节三日游的网页（）

1.

首先先下载一个VsCode，官网地址：

进入VsCode，搜索文心快码

接着下载通义灵码（VSCode 版本，保证是 1.93 及以上）

在 VSCode 中安装通义灵码非常便捷。打开 VSCode，按下快捷

键Ctrl + Shift + X（Mac 用户使用Cmd + Shift + X），调出插件

市场。

在搜索框中输入 “通义灵码” 或 “Tongyi Lingma”，找到由阿里云

官方发布的扩展，点击 “安装” 按钮，等待安装完成。

安装完成后，必须登录阿里账号才能正常使用

3.接下来登录高德开放平台创建应用和 Key-MCP Server | 高德地图API

注册成为开发者

点击右上角创建新应用获得高德地图申请专属的key

接下来. 单击 IntelliJ IDEA 侧边栏的通义灵码图标进入智能会话

点击左上角的个人设置

在点击左上角的手动添加

配置以下选项：

名称：输入服务名称，例如：amap-sse。

类型：选择 SSE。

服务地址：https://mcp.amap.com/sse?key=<您在高德

申请的key>。

使用获取高德申请的key替换<您在高德申请的key>，注意

不要有空格。

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

成功。

连上后，返回对话界面，开启左下角的智能体

然后开始生成属于自己的旅行界面

接下输入关键词通义灵码开始工作，

##北京3天端午节（25年5月31日到25年6月2日）的旅行攻略。

#帮我制作旅行攻略，考虑出行时间和路线，以及天气状况路线规

划。

#制作网页，页面包含天气卡片展示3天的天气详情以及旅行小贴

士，展示每天的旅行计划，每天安排3个景点。

#制作网页地图自定义绘制旅游路线和位置。

##网页使用简约美观页面风格，景区图片以卡片展示。

#行程规划结果在高德地图app展示，并集成到h5页面中。

##同一天行程景区之间我想打车前往。

#生成文件名 travel_tips.html。

接下来新建一个文件

将通义灵码编写的程序在左上角插入文件随后点击保存 

等桌面上出现这样的文件

就说明成功了

接下来就是欣赏自己的成果了

结语

作为初入VSCode的新手可以慢慢开始，刚刚开始面对陌生的软件会很艰难，但是当习惯之后可以熟练运用，所以一起努力吧，而我在其中遇到了看不懂软件，找不到对应的按键，生成失败等等。但是当克服之后就非常开心了。

                                                                                                                                              -stm fox