react-native windows 环境搭配

安装JDKnode

从Java官网下载JDK并安装。请注意选择x86仍是x64版本。python

推荐将JDK的bin目录加入系统PATH环境变量。react

安装Android SDKandroid

能够单独安装Android SDK,也能够经过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio,如下说明会默认以Android Studio的方式说明。请注意选择x86仍是x64版本。git

为了加速下载,推荐从AndroidDevTools下载。npm

而后进入SDKManager(可经过Android Studio菜单Tools-Android-SDK Manager),确保如下项目已经安装并更新到最新:windows

Tools/Android SDK Tools (24.3.3)react-native

Tools/Android SDK Platform-tools (22)浏览器

Tools/Android SDK Build-tools (23.0.1)工具

Android 6.0 (API 23)/SDK Platform (1)

Extras/Android Support Library(23.0.1)

推荐使用腾讯Bugly的镜像加速下载。查看说明

推荐将SDK的platform-tools子目录加入系统PATH环境变量。

安装node.js

从官网下载node.js的官方4.1版本或更高版本。原本在电脑上已经有低版本的node,想到要升级node最新版本,因而搜了一下node的版本控制,发现n和nvm是mac专用,可是nvmw是windows的node版本控制。可是用它以后发现nvmw只适用于v0.10.0以前的版本,由于在下载node的exe文件时会自动在你输入的版本号的目录下找x64下的node.exe文件,可是node在v0.10.0以后的版本,node就改变了本身的目录结构。

clipboard.png
nvmw找文件的路径

clipboard.png
如今node的目录结构

安装Python
从官网下载并安装python 2.7.x

安装react-native命令行工具

npm install -g react-native-cli

建立项目

进入你的工做目录,运行

react-native init MyProject

在这个过程当中遇到一个问题:not found git,解决方式就是把git的bin文件配置在路径里面。还有一个问题是config error,解决方法是:git config --system core.longpaths true。

运行项目

进入项目目录,运行下面的命令:

react-native start

能够用浏览器访问http://localhost:8081/index.android.bundle?platform=android看看是否能够看到打包后的脚本。第一次访问一般须要十几秒。访问页面以下

clipboard.png

在安卓手机上运行

react-native run-android

这个过程要先肯定有手机或者模拟器连接了电脑,安卓模拟器运行卡电脑,果断用真机调试,用手机链接电脑后要打开手机开发者调试,运行adb devices查看手机是否是已经正确链接:

clipboard.png

这样就是已链接,若出现:

clipboard.png

则表示设备没链接上,若是确实手机已链接电脑,就先adb kill-server命令,再链接一次,就能成功了。链接成功后会在手机显示该应用,点开后,界面可能回显示红色,Unable to download JS bundle
只要摇一下手机,在dev setting中设置你电脑的IP:端口,在reload一下就能够了。
这个过程可能会出错,按照提示修改一下,再多试几回就能够了。

接下来的学习就是按照http://react-native.cn/中文官网开始学习了。给本身加油!这是第一次写文章,有错误的地方但愿指正。

相关文章
相关标签/搜索