安装JDK
从Java官网下载JDK并安装。请注意选择x86还是x64版本。
推荐将JDK的bin目录加入系统PATH环境变量。
安装Android SDK
可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio,以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。
为了加速下载,推荐从AndroidDevTools下载。
然后进入SDKManager(可通过Android Studio菜单Tools-Android-SDK Manager),确保以下项目已经安装并更新到最新:
Tools/Android SDK Tools (24.3.3)
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就改变了自己的目录结构。
nvmw找文件的路径
现在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看看是否可以看到打包后的脚本。第一次访问通常需要十几秒。访问页面如下
在安卓手机上运行
react-native run-android
这个过程要先确定有手机或者模拟器链接了电脑,安卓模拟器运行卡电脑,果断用真机调试,用手机连接电脑后要打开手机开发者调试,运行adb devices查看手机是不是已经正确连接:
这样就是已连接,若出现:
则表示设备没连接上,如果确实手机已连接电脑,就先adb kill-server命令,再连接一次,就能成功了。连接成功后会在手机显示该应用,点开后,界面可能回显示红色,Unable to download JS bundle
只要摇一下手机,在dev setting中设置你电脑的IP:端口,在reload一下就可以了。
这个过程可能会出错,按照提示修改一下,再多试几次就可以了。
接下来的学习就是按照http://react-native.cn/中文官网开始学习了。给自己加油!这是第一次写文章,有错误的地方希望指正。