Codebuddy案例——旅游助手小程序

32 阅读2分钟

AI浪潮扑面而来,小白怎么才能在这个浪潮中找到机会,all in AI!下面就讲讲博主是怎么一步步利用codebuddy实现简易版的旅游助手小程序。1、打开VS code中的codebuddy,告诉codebuddy你想做什么,博主初步想法是开发一款旅游助手小程序,如图所示:图片
codebuddy:

好的!我注意到您的桌面上已经有一些文件。在开始开发旅游助手软件之前,我想确认一下几个问题:

需要确认的信息:

  1. 应用类型:您希望开发什么类型的旅游助手?
    • 桌面应用(Electron)
    • Web 应用
    • 微信小程序
    • 移动应用
  2. 核心功能:您最想要的功能有哪些?
    • 智能推荐旅游景点
    • 行程规划和管理
    • 预算计算器
    • 天气查询
    • 交通路线规划
    • 旅行笔记/日记
    • 离线地图
  3. UI 风格偏好
    • 简约现代
    • 丰富多彩
    • 其他特定风格

请告诉我您的具体需求,我会立即开始为您开发!如果您没有特别的要求,我会创建一个功能完善的 Web 版旅游助手,包含景点推荐、行程规划、预算计算等核心功能。

我:

travel-assistant-spec.mdc

应用类型:微信小程序 核心功能:行程规划和管理 UI风格偏好:简约现代

codebuddy:好的!我将为您开发一款微信小程序版本的旅游助手,专注于行程规划和管理功能,采用简约现代的 UI 风格。剩下的就交给codebuddy,我们就可以干其他事儿去了。十几分钟后回来,AI已经完成工作了:图片
安装微信开发者工具,打开微信开发者工具配置:

  • 打开微信开发者工具,导入项目

  • 点击 工具 → 构建 npm

点击下载微信开发者工具地址:developers.weixin.qq.com/miniprogram…

打开网址之后我们只需要看稳定版就行。

根据自己的电脑选择对应的安装版本,如果是windows 64,选择第一个点击进行安装。

导入过程中出现了调试错误,直接复制错误信息,并输入codebuddy,codebuddy自动给出解决方案:图片
图片按照codebuddy给的链接,下载安装。图片图片运行微信开发者工具,出现了如下界面:图片成功!!!利用AI工具,小白也能开发自己的小程序,是不是心动了。私信我,玩转AI的路上,我们并肩同行。