入坑需谨慎,且入且珍惜🤣 本文章适用于准备入坑的新手观看,也欢迎各位大佬拍砖🙏!
准备工作
需要的硬件
首先电脑(Windows、Mac都行)是必须的啊(没有电脑你还想开发😏),有条件的小伙伴可以准备一部手机,没有手机也可以使用模拟器(详见需要的软件),硬件的准备就完成了,接下来看看需要哪些软件吧!
需要的软件
Node
前往官网下载程序,推荐下载LTS
版本的,更稳定!Node的安装程序我就不介绍了,一直下一步就行了!
安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用cnpm!cnpm安装的模块路径比较奇怪,packager不能正常识别!
打开终端或命令提示符输入以下命令!
npm config set registry https://registry.npm.taobao.org –global
npm config set disturl https://npm.taobao.org/dist –global
React Native CLI
Node附带npm,它允许您安装React Native命令行界面。
在命令提示符或终端中运行以下命令:
npm install -g react-native-cli
等待安装完成即可!
Android开发工具包
推荐使用Android Studio,简单方便。
Android Studio默认安装最新的Android SDK。然而,使用本机代码构建React Native应用程序需要Android 6.0 (Marshmallow)特别的SDK。其他Android SDK可以通过Android Studio中的SDK Manager安装。
确定所有安装都勾选了,尤其是Android SDK和Android Device Emulator。
在初步安装完成后,选择Custom安装项
- 检查已安装的组件,尤其是模拟器和HAXM加速驱动。
这里的安装路径一定不要包含有空格的文件夹
Genymotion(Android模拟器)
下载和安装Genymotion(genymotion需要依赖VirtualBox虚拟机,下载选项中提供了包含VirtualBox和不包含的选项,如果你的电脑没有虚拟机就最好选择包含的)。
Genymotion下载慢和其他问题
准备Android设备
您需要安装Android设备才能运行您的React Native Android应用程序。这可以是一个物理的Android设备,或者更常见的是,也可以使用Android虚拟设备,它允许你在计算机上模拟Android设备。
使用Android真机
- 启用USB调试
你需要在设备上启用USB调试才能在开发过程中安装你的应用程序。
要在设备上启用USB调试,首先需要启用“开发人员选项”菜单,方法是转到设置 → 关于电话,然后点击“版本号”那一行五次。然后,您可以返回到设置 → 开发人员选项以启用“USB调试”。
- 通过USB插入您的设备
现在让我们设置一个Android设备来运行我们的React Native项目。继续并通过USB将您的设备插入您的开发机器。
现在检查您的设备是否通过运行正确连接到ADB(Android调试桥),打开终端或命令提示符输入adb devices
。
$ adb devices
List of devices attached
emulator-5554 offline # Google emulator
14ed2fcc device # Physical device
看到这样的列表就说明链接成功了。
使用模拟器
打开Genymotion,打开一个你已经下载好的虚拟机。如下图:
到此所有的准备工作就完成了!
创建一个新应用程序
使用React Native命令行界面生成一个名为“TestProject”的新React Native项目:
react-native init TestProject
这个安装过程时间比较长,耐心能等一会儿!😁
- 提示:你可以使用–version参数创建指定版本的项目。例如react-native init TestProject –version 0.47.1。注意版本号必须精确到两个小数点。
执行完成后执行下面命令:
cd TestProject
react-native run-android
- 编译完你应该就会在模拟器或者手机上看到你的应用了!