美文网首页
React Native学习笔记一:安装

React Native学习笔记一:安装

作者: smvcn | 来源:发表于2018-04-29 14:47 被阅读0次

环境:windows+安卓

所需软件:

1、Java 8:10版本太高,目前只支持到8

2、Android Studio2.0或以上:

配置可参考https://reactnative.cn/docs/0.51/getting-started.html#content

3、Python 2.0:Python3版本太高,不支持

4、node.js

5、模拟器:蓝叠简单易用。Genymotion现在个人也不免费了。

开始实战(模拟器用蓝叠):

1、安装react-native命令行工具:npm install -g react-native-cli

2、创建项目:react-native init MyProject

3、运行packager:react-native start

4、打开模拟器:如果是使用蓝叠的话,需要安装一个第三方桌面管理APP(ADW启动器增强版),用来加强桌面,比如打开弹出窗口权限等等。

5、打开另外一个cmd窗口,在项目文件夹执行:react-native run-android

好了这个时候你会看到APP在蓝叠上安装成功并且打开了,恭喜你,你会看到一片红屏:)

按你自己的、物理键盘上的、右边Alt和Ctrl之间的、像文档图标的Menu键,打开蓝叠的调试菜单,选择Dev Settings,再选择Debug server host for device,输入你的正在运行packager的那台电脑的局域网IP加:8081,确定返回之后应该会自动刷新。

如果修改了RN的JS内容,同样调出Menu键,选择Reload就会刷新了。

相关文章

网友评论

      本文标题:React Native学习笔记一:安装

      本文链接:https://www.haomeiwen.com/subject/hywolftx.html