用 Cursor 做一个自己的 AI 单词本小程序(免费·适合小学生)

这个小工具能做什么?

今天教你用 Cursor(一个免费 AI 编程工具)做一个小程序:输入中文,它自动帮你翻译成英文,还能把不会的单词存进生词本,反复练习。

效果长这样:
– 你输入:”苹果”
– AI 回答:”apple /ˈæpl/”
– 同时自动把这个词存入生词本

适用人群

  • 正在学英语的小学生
  • 想用 AI 辅助背单词的任何人
  • 零基础也能做!不需要会编程

准备工作

  1. 电脑上安装 Cursor(官网:cursor.com,免费下载)
  2. 打开浏览器,访问 https://www.youdao.com/ 准备查词(也可以用别的词典网站)
  3. 打开 Cursor,新建一个空文件夹

具体步骤

第一步:让 AI 帮你写代码

在 Cursor 里新建一个文件叫 wordbook.html,然后把下面这段话复制进去:

帮我做一个简单的单词本页面:
- 顶部有一个输入框,可以输入中文
- 点"翻译"按钮后,下面显示英文和发音
- 每次查词,自动把中英文存到下面的生词本列表里
- 生词本可以删除单词
- 页面要好看一点,适合小学生

然后按 Ctrl+Enter(或点击右边 AI 助手的发送按钮),等几秒,AI 就会生成代码。

第二步:运行看看效果

保存文件后,用浏览器打开这个 HTML 文件就能用了。

第三步:如果 AI 写的代码有问题

常见问题:

问题1:界面是白的,什么都没有
→ 检查代码里有没有 <html><head><body> 这些标签,如果没有,让 AI 重新生成。

问题2:点按钮没反应
→ 让 AI 加上”给按钮加上点击事件”。

问题3:生词本存了词但刷新页面就没了
→ 这是正常的(因为没有连接数据库)。每次打开页面要重新输入。如果想让词永久保存,告诉 AI “加上 localStorage 保存功能”。

第四步:美化一下(可选)

如果觉得页面太丑,可以让 AI 帮你改:
– “把背景换成浅蓝色”
– “字体大一点,适合小朋友看”
– “加上彩虹色的按钮”

进阶技巧

如果你觉得这个工具有用,可以让 AI 帮你加更多功能:

  • 加上测验模式:让 AI 随机考你生词
  • 加上导出功能:把生词本导出成 Excel
  • 加上发音按钮:点一下就能听发音

注意事项

  1. 这个工具只能帮助你练习,不能替代正常的英语学习
  2. 翻译结果来自 AI,偶尔可能有小错误,建议用词典网站核实
  3. 生词本存在浏览器里,清除缓存会消失,记得定期复习
  4. 如果用学校电脑,联系老师确认是否可以在学校网络上使用

小结

今天做了一个 AI 单词本小程序,主要用了:
– Cursor(免费 AI 编程工具)
– HTML 网页技术(很简单,一学就会)
– AI 辅助生成代码(不需要自己写)

下次可以挑战: 做一个语文生字本,或者数学口算练习器。


如果你做了出来,欢迎在博客留言告诉我效果如何!

发表回复

Your email address will not be published. Required fields are marked *.

*
*

关于本站

这里也许是个介绍您自己的好地方,也能介绍您的站点或放进一些工作人员名单。

联系我们

地址
123 Main Street
New York, NY 10001

营业时间
星期一—五:9:00–17:00
星期六—日:11:00–15:00