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服务器

最后一步, 晃动手机

大功告成, 显示页面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容