多语言展示
当前在线:1238今日阅读:167今日分享:16

Windows下React Native安装教程

React Native是基于 JavaScript 的开源框架,能快速开发安卓与IOS应用。本教程以window下android版为例。(上车前请先安装并配置java jdk环境)
工具/原料
1

Android SDK

2

java jdk环境

3

nodejs

4

python

5

C++编译环境

6

git

方法/步骤
1

安装Android SDK(可借助类似Android Studio安卓开发软件来完成);需要配置path,加入如:E:\Android\sdk\platform-tools;E:\Android\sdk\tools;E:\Android\sdk;

2

安装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;

3

*安装gitgit可先不安装,若后续步骤皆安装完毕后。执行react native指令抛错,可考虑是否是这个原因造成。我之前为了排错把这个装上了,结果是nodejs版本问题。所以git是否有影响暂不清楚。故此处标*,望大神日后补充。

4

安装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】

5

项目初始化cd选择你想要存放项目的目录下,执行:react-native init cheProject(项目名称),回车。这个过程比较慢,至少10分钟以上。当出现以下画面,恭喜您。

6

真机调试手机通过USB连接电脑,切换成调试模式后。在cmd中输入:adb devices,可查看设备是否接入成功。安卓系统版本大于5.0的直接执行:adb reverse tcp:8081 tcp:8081,实现端口代理配置。【小于5.0参考】cd至刚才初始化成功的项目目录下,执行:react-native run-android,初次执行react-native需要下载一些文件等,编译完成后会自动一个以你的项目命名的APP至你的手机上。

注意事项

测试RN版本0.18.1

推荐信息