Cursor代码神器之——创建跨平台RN项目(11)

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

一 概述

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

二 运行环境及软件

  • 系统：Windows 11 专业版 23H2
  • 工具：Intellij+VSVode+Cursor
  • 开发环境：react
  • 开发工具：expo

三 实现步骤

  • 使用Cursor创建React Native to-do项目
  • 使用Intellij打开并运行to-do项目
  • 明确要使用到的开发语言：react
  • Cursor创建的项目可能来自于Github或爬虫等，不一定能精确实现，本文仅演示一般实现过程

四 提取关键词

1
帮我生成一个react native to-do项目

五 生成项目

5.1 Cursor创建RN项目

1-Cursor打开Folder文件夹

2-输入关键词，创建React Native项目(点击Accept接收代码)

1
基于expo帮我创建一个React Native to-do项目

图示

5.2 问题解决

可能出现问题

1
2
3
1-文件缺失
2-版本冲突(rn+expo版本引起的异常)
3-其他

1-错误现象(仅生成逻辑代码，缺少配置及依赖文件)

2-问题解决

1
项目没有初始化，帮我生成必要的文件

图示

3-安装依赖

5.3 使用Intellij打开此项目

1-打开Intellij，打开Cursor创建的项目

六 运行并查看项目

1-打开终端，执行如下指令，运行

1
npx expo start

图示，出现二维码

2-运行可能出现的异常

问题解决：package.json中dependencies指定版本

1
"expo": "~51.0.0",

3-运行效果图