Cursor代码神器之——创建微信小程序项目(5)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • 明确项目内容
  • 提取关键词
  • 生成项目
  • 运行并查看项目

二 运行环境及软件

  • 系统：Windows 11 专业版 23H2
  • 工具：VsCode+Cursor+微信小程序开发工具

三 明确项目内容

  • 使用Cursor创建商城小程序
  • 明确要使用到的技术：微信原生小程序
  • Cursor创建的项目可能来自于Github或爬虫等，不一定能精确实现，本文仅演示一般实现过程

四 提取关键词

1
使用微信原生小程序，帮我生成一个商城项目

五 生成项目

1-依次点击：File—>Open Folder选择项目文件夹(wechat)

2-Ctri+I(win下)打开Composer窗口

3-在Composer中输入关键词

1
使用微信原生小程序，帮我生成一个商城项目

图示

4-点击图示按钮，生成后的目录结构如下图(点击Accept接收代码 )

六 运行并查看项目

1-打开微信小程序，导入Cursor生成的项目

2-打开后，项目预览可能出现错误

说明：

  • 查看代码及预览效果，得出，Cursor给出的项目只包含基础功能并不完善
  • 项目代码可能是来自Github或爬虫
  • 开发者可对此代码进行修改和完善

3-使用Cursor提示，将项目补充完整

1
上述项目不完整，帮我把代码补充完整

图示

4-有错误，使用Cursor继续处理错误

1
帮我创建static/images/tabbar文件夹，并下载确实图片

图示

5-错误处理完成后，项目预览界面如下

6-界面显示问题是app.js/baseUrl地址为空