第一步安装jdk
1.安装jdk18,安装后
此时JDK的环境变量配置就完成了
5.测试自己所配置的环境变量是否正确
- WINDOWS+R键,输入cmd,进入命令行界面
- 输入java -version命令,可以出现如下图的提示,你可以看你安装的JDK版本
- 输入javac命令
- 输入java命令
第二步 安装 Android SDK
Android Studio 默认会安装最新版本的 Android SDK。然而目前编译 React Native 应用需要的是Android 6.0 (Marshmallow)
版本的 SDK。
2.在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 6.0 (Marshmallow)
选项,确保勾选了下面这些组件
- Android SDK Platform 23
- Intel x86 Atom_64 System Image(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件)
3.然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开Android SDK Build-Tools选项
,确保选中了 React Native 所必须的23.0.1版本。
-
配置 ANDROID_HOME 环境变量
因为React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译,路径为指向你的 Android SDK 所在的目录,默认安装时候
c:\Users\你的用户名\AppData\Local\Android\Sdk
第三步安装相应的依赖
1.安装Node、React Native 命令行工具
npm install -g react-native-cli
2.安装Python2,后设置环境变量
3.安装 yarn 后设置镜像源(非必须)
npm install -g yarn
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
第四步安装模拟器
模拟器如Genymotion,成功安装后做以下的配置Android SDK 进行桥接
第五步创建新项目编译并运行 React Native 应用
1.使用 React Native 命令行工具来创建一个名为AwesomeProject
的新项目
react-native init AwesomeProject
// 提示:你可以使用--version参数(注意是两个杠)创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点
2.确保你先运行了模拟器或者连接了真机,然后在你的项目目录中运行react-native run-android
cd AwesomeProject
react-native run-android
3.如果配置没有问题,你应该可以看到应用自动安装到设备上并开始运行4.修改项目
现在你已经成功运行了项目,我们可以开始尝试动手改一改了
- 使用你喜欢的文本编辑器打开
App.js
并随便改上几行 - 按两下 R 键,或是在开发者菜单中选择 Reload JS,就可以看到你的最新修改