1安装Windows包管理工具Chocolatey
直接用管理员身份打开cmd,输入以下内容
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
出现以下为安装完毕
2.使用Chocolatey安装python2,node
choco install python2
choco install nodejs.install
当然没有Chocolatey也没问题,直接去python的官网和node的官网下载安装包。
3.配置Android Studio
然后出现这个界面
其中,我们安装三个必要的就行
1.
2.
3.
配置好后,我们需要配置环境变量
添加Android Studio目录
添加Android SDK目录
添加两个配置
其中C:\Users\user\AppData\Local\Android\Sdk为你安装的Android Studio目录
还有一个我们下载的jdk的配置
4.安装安卓模拟器
在react native中文官网上说的是装Genymotion,这个特别麻烦需要安装VirtualBox,而且特别容易报错,这里我使用海马玩安卓模拟器。直接百度去官网点击下载安装。
5.实例app代码
1.安装react native脚手架react-native-cli
npm install -g react-native-cli
2.init项目
react-native init my_app
3.进入项目文件,打开命令行输入
react-native start
4.不要关闭3的窗口,新打开一个窗口输入以下命令
react-native run-android
第一次会超级慢,慢慢等。
出现以下证明环境没问题,运行成功
5.和海马玩建立连接
在项目更目录命令行输入以下运行
adb connect 127.0.0.1:26944,其中26944是模拟器的端口号,不同模拟器端口号不同。
6.重新 react-native start,在海马玩模拟器设置端口,在左边更多打开选择摇一摇
输入你电脑的ip,ip在cmd里输入ipconfig可以看到,端口默认是8081
接着,刷新
如果出现以下错误
这个是react native版本的bug,降级到0.55即可
npm install --save [email protected]
如果安装出错,把包文件删了重新安装
再运行react-native start,如果出现下面的问题
是在babel-preset-react-native包里的文件错误,运行以下代码
npm install --save-dev [email protected]
再运行react-native start,在海马玩刷新,如果看到
证明错误解决完毕,只需等待它编译完成。