reactnative怎么安装
2016-09-05 · 知道合伙人软件行家
reactnative的安装方法
安装Android SDK(可借助类似Android Studio安卓开发软件来完成);
需要配置path,加入如:E:\Android\sdk\platform-tools;E:\Android\sdk\tools;E:\Android\sdk;
安装node.js
由于nodejs中使用GYP进行项目构建管理,而GYP是基于Python的构建工具。因此,需要先安装Python。此外,在Windows系统下,nodejs采用GYP来生成Visual Studio Solution文件后,需要通过C++的编译器将其编译为二进制文件。因此,又需要先安装C++编译环境。最后,安装nodejs【墙裂建议选择stable稳定版】。一系列安装完成后,进入cmd,输入"npm"指令后回车,出现形同以下画面内容,则安装成功。
需要配置path,加入如:E:\Android\Python27;C:\Users\che\AppData\Roaming\npm;
*安装git
git可先不安装,若后续步骤皆安装完毕后。执行react native指令抛错,可考虑是否是这个原因造成。我之前为了排错把这个装上了,结果是nodejs版本问题。所以git是否有影响暂不清楚。故此处标*,望大神日后补充。
安装react-native
在cmd中输入:npm install -g react-native-cli,回车。 【在此之前可将npm切换至国内镜像:npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist】
项目初始化
cd选择你想要存放项目的目录下,执行:react-native init cheProject(项目名称),回车。这个过程比较慢,至少10分钟以上。当出现以下画面,恭喜您。
真机调试
手机通过USB连接电脑,切换成调试模式后。在cmd中输入:adb devices,可查看设备是否接入成功。安卓系统版本大于5.0的直接执行:adb reverse tcp:8081 tcp:8081,实现端口代理配置。【小于5.0参考】cd至刚才初始化成功的项目目录下,执行:react-native run-android,初次执行react-native需要下载一些文件等,编译完成后会自动一个以你的项目命名的APP至你的手机上。