Cursor代码神器之——创建uni-app项目(6)

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

一 概述

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

二 运行环境及软件

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

三 明确项目内容

  • 使用HbuilderX创建一个空白项目
  • 使用Cursor修改此空白项目为to-do项目
  • 明确要使用到的技术：vue
  • Cursor创建的项目可能来自于Github或爬虫等，不一定能精确实现，本文仅演示一般实现过程

四 提取关键词

1
将uni-app空白项目，帮我生成一个to-do项目

五 生成项目

5.1 使用HbuilderX创建一个空白uni-app项目

1-打开HubilderX，依次点击：文件—>新建—>项目

2-选择路径和名称及模板

3-创建完成后的项目目录结构如下

5.2 Cursor改造默认项目

1-Cursor打开uni-app 默认项目

2-输入关键词，改造uni-app项目

1
这是使用HbuilderX创建的默认项目，将其改造为to-do完整项目并实现代码逻辑

图示

六 运行并查看项目

6.1 运行到浏览器并查看效果

1-依次点击：运行—>Chrome

2-浏览器运行效果

6.2 运行到微信小程序并查看效果

1-依次点击：运行—>运行到小程序模拟器—>微信开发者工具

2-微信小程序运行效果(微信小程序打开服务端口)