安装JDK
从Java的网官下载JDK并安装。请注意选择86还是64位版本。
推荐将JDK的仓目录加入系统PATH环境变量。
安装Android SDK
可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio,以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。
为了加速下载,推荐从AndroidDevTools下载。
然后进入SDKManager(可通过Android Studio菜单工具-Android-SDK Manager),确保以下项目已经安装并更新到最新:
-
工具/ Android SDK工具
-
工具/ Android SDK平台工具
-
Tools / Android SDK Build-tools(23.0.1)(这个必须版本严格匹配23.0.1)
-
Android 6.0(API 23)/ SDK平台(1)
-
附加/ Android支持库
-
额外/ Android支持存储库
推荐使用腾讯Bugly的镜像加速下载。查看说明
推荐将SDK的平台工具子目录加入系统PATH环境变量。
最后,把ANDROID_HOME环境变量设置为你的sdk所在目录。
安装git for windows
在这里下载安装,安装过程中注意选择"Run Git from Windows Command Prompt"
。
安装的Python
从官网下载并安装python 2.7.x(3.x版本不行)
安装的node.js
从官网下载的node.js的官方5.x的版本或更高版本。
建议设置NPM镜像以加速后面的过程(或使用科学上网工具)。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
安装反应本地命令行工具
npm install -g react-native-cli
创建项目
进入你的工作目录,运行
react-native init MyProject
并耐心等待数(或数十)分钟。
此时有坑,会报错:Cannot find entry file index.android.js in any of the roots,
此时先进到项目里:C:\Users\MAIBENBEN>cd C:\Users\MAIBENBEN\MyProject
不要直接去运行,先执行以下命令去创建assets目录
C:\Users\MAIBENBEN\MyProject>mkdir android\app\src\main\assets
通过执行(这是一个命令) react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
命令会在assets目录下生成一个文件
这时候再执行C:\Users\MAIBENBEN\hello1>react-native run-android
会提示成功:
C:\Users\MAIBENBEN\hello1>react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
Loading dependency graph, done.
bundle: Writing bundle output to: android/app/src/main/assets/index.android.bundle
bundle: Done writing bundle output
等待数秒编译成功(前提是手机连上电脑或者模拟器已经打开)
此时看模拟器