雷电模拟器实现热更新

萌新在用react-native开始一个android的demo时,

一开始的大致步骤是:

node安装完;

安装jdk,配置java环境变量;

然后下载Android Studio来获得Android项目开发所需要的工具和环境;

命令提示窗口安装全局React Native命令行工具,npm install -g react-native-cli;

用reqct-native init myapp(我的项目名);

安装雷电模拟器(需要换某个文件的版本);

项目根目录下,下载依赖,react-native run-android运行项目!

好啦,一切准备就绪!模拟器中也显示项目啦!

1.为了实现热更新,我点进项目小图标,在右侧点击更多,再点击摇一摇:

2.左击Settings,往下滚,滚... 看到Debug server host & port for device了麽:

3.对!就是Debug server host & port for device,点它,8081端口号前面,填的是你的本机ip地址:

PS:怎么找ip呢:

①window,cmd命令窗口,输入: ipconfig,就是下面的ip4地址

②点击电脑屏幕有下侧电脑小图标=>打开网络和共享中心=>打开本地连接=>但剪开详细信息=>看到ip4了吧

好啦!接下来在App.js中尽情修改吧!

好,用编译器修改,保存,回到模拟器页面...........说好的实时更新呢???................并没有啊!

嗯,然后,努力了好几个小时找到了原因....... 咳,其实并没有找到,是问了大神,

4.嗯,还是模拟器摇一摇走起,就那个Enable Fast Refresh,点它,完了变成Disable Fast Refresh,就真的真的真的是热更新成功啦:

5.最后,如果想调试代码的时候能显示console.log的内容,就点击上图的Debugging,当显示Stop Debugging时,默认浏览器就会出来调试页面啦

6.结束!

猜你喜欢

转载自www.cnblogs.com/mainblogwhy/p/12070220.html