新学习一种语言,总会被各种环境配置挡在门外一阵子,那种心酸和纠结我跟你一样有,在这里我将我趟过的ReactNative的一些坑列出来,尽量让大家能够顺利的将HelloWorld运行到真机上,能够见到ReactNative的真面目。
1、 配置环境变量(建议配合ReactNative中文网一起看),ReactNative写的很详细,但是可能会有点懵,我用最简单的方式讲出来。
2、 我将以Windows为例,将HelloWorld运行到真机上:
3、 安装Python2,并配置环境变量。
需要安装的软件(Windows):
Python2的下载:
接下来(必须2.7的版本,不多解释,下载好之后一路next,直到安装成功):
配置Python2的环境变量:
4、Node.js的安装及下载,环境变量配置:
进入之后选择下载:
下载好之后一路next,直到安装成功,接下来是配置环境变量(目的是npm命令能够正常的执行):
5、android环境的配置,在中文网中有说明,就是配置的android的sdk环境变量,命名未ANDROID_HOME,此部分必须做,不要问为什么。
6、上部分都配置好之后,就可以进行一下初始化了,初始化项目,选择一个文件夹(新创建一个,我新创建了一个叫做ReactNativeProject),注意此部分路径不能含有中文,就算是父路径也不能含有中文,当然,不要问为什么。要是你的路径中含有中文,我会分分钟告诉你,改!!!
接下来,初始化一些参数,(ReactNative中文网说的很清楚)
A、
B、
7、关于安装android studio部分我就不说了,作为android的开发人员,这个应该是你的必备技能。
8、 可选安装,建议你都安装,因为很主流,你应该要知道用。
9、真正的开始,初始化一个项目:
在前面的创建的文件夹中打开命令行(按住shift然后弹出cmd命令行,或者采用cd命令跳转到此文件夹)
执行:
react-native init MyApp
此部分需要几分钟:
完成之后进入MyApp的文件夹:
cd AwesomeProject
然后插上你的手机,或者开启你的模拟器:
adbdevices
查看当前的设备;确保设备已经正常的连接。
然后再执行:
react-
nativerun-android
在这个过程中会弹出一个新的命令窗口。(请无视,单请不要关掉,切记不要关掉)
最后运行到手机成功之后,前面执行命令的窗口将会显示:(当出现红色提示设备部存在的时候,请无视,这不是你的错误,那是因为设备连接问题)
见证奇迹的时刻,请给予此应用浮窗的权限(暂且先给他这个权限,就能正常的运行起来了)
结果展示:(说明已经能够正常的运行到手机上)