依据React脚手架，写项目

1.React脚手架

（1）node.js

node.js官网：Node.js

首先要检查电脑上有没有node.js,没有的话下一个，有的话检查一下版本

注意：node.js  建议14-16版本，最优14.21.0

下面是node的node-v14.21.3版本

链接：https://pan.baidu.com/s/1VwMxDto929197-QaRBL2Rg  提取码：etxl

（2）全局安装脚手架

1.从NPM仓库中下载React脚手架工具

npm  i  -g  create-react-app  

2.运行脚手架工具，创建一个空白项目

create-react-app  项目名

提示：上述两步可用一句话代替：

npx create-react-app 项目名

注意：CreateReactApp脚手架创建的项目名中不允许出现大些字母

3.进入刚刚创建的项目，启动服务器

npm start

（3）打开vscode

 这些文件中选中的这留个文件就可以删了

检查vscode插件中有没有下面这个，没有的话需要下载一个

 

2.ReactNative脚手架

（1）RN安装(这一步可以省略)

搭建开发环境 · React Native 中文网

1. 安装基础软件

   Node.js(js编译环境) 版本大于14 小于18

   JDK(java开发环境) 版本大于11

2. 安装AndroidStudio

3. 运行AndroidStudio使用它下载AndroidSDK

4. 修改Windows环境变量,指定AndroidSDK的安装路径

   设置Path环境变量指向AndroidSDK目录

5. 下载RN脚手架工具(react-native),执行它创建出空白RN项目

   npx react-native init 项目名

6. 下载必要的第三方模块

7. 编译RN空白项目得到Java代码,打包得到apk文件

   npx react-native run-android

（2）RN安装

下面是ReactNative的空白项目，直接下载这个就行，不要嫌弃网盘慢，你自己整更慢，

链接：https://pan.baidu.com/s/1d8F2vKknaoZNDQ1O6TmqIg 
提取码：xw5f

（3）启动项目

//当前应用目录下进入命令行
cmd 
//启动服务器
npm start

 

按照文件目录位置，在手机(模拟器)中安装APP，直接拖到模拟器中就可以了，他就会自己安装

以我的夜神模拟器为例（按照下面的顺序来就行）

 

在弹窗中输入自己电脑的IP后面加上:8081

 

 重启应用（模拟器）  变成这样就可以了