ReactNative之创建工程(2)

1.使用快捷键win+r, 输入cmd, 打开命令行

2.在命令输入d:, 回车, 进入d盘

注: 因为考虑到权限的问题, 建议在除C盘以外的其他盘创建工程

3.使用命令创建工程

命令: react-native init 工程名

回车后, 当看到下面这个页面就说明, 工程创建成功

4.因为是windows电脑, 只能运行android工程, 所以打开Android Studio

选择刚才通过命令行生成的工程

可能提示你更新Gradle, 建议更新

5.启动夜神模拟器

7.通过命令行进入, 生成的ReactNative工程目录

使用命令react-native start, 启动react-native的服务

当你看到以下界面, 就说明服务启动成功

8.在Android Studio中点击运行

选择夜神模拟器(夜神模拟器显示的是三星品牌手机)

可能会提示sdk版本不匹配, 就是你Android Studio中的sdk版本和夜神模拟器的sdk不匹配, 这个可以忽略, 选择Proceed without Instant Run

这时候模拟器上会显示以下页面, 是因为模拟没有连接react-native启动的服务器

点击夜神模拟器右上角, 晃动模拟器

显示配置菜单, 并选择Dev Settings

选择如下图所示的菜单

输入当前电脑的iP地址, 并加上端口号, 设置模拟器连接react-native服务器

最后一步, 晃动手机

大功告成, 显示页面