实战：用 AI 做一个天气查询小工具

今天我们来做一个特别实用的东西——天气查询小工具。打开网页，输入城市名，就能看到天气信息。

听起来很难？放心，有 AI 帮你，整个过程就像跟朋友聊天一样简单。

最终效果

做完之后，你会得到一个这样的网页：

准备工作

你只需要：

第一步：获取天气 API

首先去和风天气开发者平台注册一个账号。

注册完之后：

> 免费版每天可以查询 1000 次，个人用完全够了。

第二步：告诉 AI 你要做什么

打开 Claude Code（或 Cursor），直接跟它说：

帮我做一个天气查询网页：
用 HTML + CSS + JavaScript，就一个文件就行

页面中间有个输入框和查询按钮

输入城市名点查询，用和风天气 API 获取天气

显示温度、天气状况、风力、湿度

页面要好看，用渐变背景

API Key 我先写死在代码里

第三步：AI 生成代码

AI 会帮你生成一个完整的 HTML 文件。你不需要理解每一行代码是啥意思，AI 都帮你处理好了。

关键是看效果：

任何不满意的地方，直接跟 AI 说就行。比如：

第四步：测试一下

双击这个 HTML 文件，浏览器就会打开它。输入"北京"，点查询，如果能看到天气信息，就成功了！

常见问题

Q：查不到天气怎么办？
跟 AI 说："查询天气报错了，错误信息是xxx，帮我看看哪里有问题"。AI 会帮你排查。

Q：想加更多功能怎么办？
继续跟 AI 说就行。比如：

第五步：分享给朋友

想让朋友也能用？有两个简单方法：

进阶挑战

做完基础版，你可以继续挑战：

每个功能都是跟 AI 说一句话的事。

小结

看到了吗？从零到一个完整的天气小工具，你全程没有手写过一行代码。这就是 AI 编程的魅力——你负责想法，AI 负责实现。

下一步，试试做个更复杂的项目吧！比如记账工具、番茄钟、或者背单词应用。方法都一样：跟 AI 说清楚你要什么，然后让它帮你做。