初始化

创建初始化项目（新文件夹下终端输入命令）
npx degit dcloudio/uni-preset-vue#vite my-vue3-project
[[uni-app项目结构.canvas|uni-app项目结构]]（新建vue页面需要添加注册）
点击按钮跳转页面代码示例（注意url是注册过的路由地址）

//在起始页面跳转到test.vue页面并传递参数
uni.navigateTo({
	url: 'test?id=1&name=uniapp'
});

网页上调试后上传到小程序：

安装依赖

1	npm install npm r

当多出了node_modules文件夹，即为安装成功

运行并在浏览器打开

1	npm run dev:h5

前端部分

你是一个专业的UI设计师，请帮我设计一个移动端的登录页面。只需要账号密码登录。
直接生成html文件。
保证美观和交互。
注意我 是让你在html中画出美观的原型设计，并且在旁边给出原型的设计说明。原型需要有交互能力 可以点击
注意:
1.在网页上打开就是移动端预览的样子。
2.尽量一屏展示完方便截图，包括设计说明部分。
3.作为一个资深设计师 一定要保证美观和交互。

当页面基本完善差不多时，输入以下提示词

1	这是一个基于uniapp+vue3的微信小程序项目，已经初始化完了项目结构页面都在src里面，根据这个图片写一个登录页面

复制对应风格至注册页面，提示词如下：

1	根据这个风格再生成一个注册页面只需要账号密码注册点击注册的时候需要跳传过去

开始编辑备忘录页面，提示词如下：

Pasted image 20250522170824.png

1
2

好的请继续帮我生成一个备忘录的首页，就用登录页面的设计风格，具体形式参考我给的草图。
注意：我说生成一个页面就是一个页面,不需要多做工作。其次回复我请用中文。

Pasted image 20250522171225.png

1	继续生成一个备忘录的详情页按照之前的风格参考我的草图右上角是删除备忘录按钮

后端准备

1	现在这前端项目要哪些后端接口请告知我这些借口的详细信息并放在一个文档里方便复制拿去后端

后端部分

Devbox–>node.js–>新建
数据库–>MONGO–>新建
并复制该密钥
项目列表里切换devbox至cursor打开
在新打开的窗口复制api文档至命名为api.md，添加以下

1	这是一个基于nodejs的后端项目，我的数据库连接方式是:xxx

提示词输入：

1	根据api.md来生成后端接口代码

启动：

npm start

打开devbox的变更，检查端口是否正确，并打开devbox首页网站测试

生成前端对接代码，提示词：

1	现在需要你给我一个接口文档包含所有接口的对接方式成功和失败的返回值，放在一个文件里方使我复制给前端对接

复制公网调试地址，添加到地址到文档中