环境搭建跟weex 几乎一致 node 8.9 下载地址 http://nodejs.cn/download/
jdk 1.8可用这个链接下载,http://www.wmzhe.com/soft-30118.html
sdk可用安卓studio安装,下载地址,https://dl.google.com/dl/android/studio/install/2.3.3.0/android-studio-bundle-162.4069837-windows.exe
版本无所谓因为不支持amd电脑预览app ,所以只是装个sdk作用为主,记住自己安装的sdk路径,配置环境变量时候用,装完sdk就扔一边不管它,需要选择sdk中的 Android SDK Platform 27(必须)和Intel x86 Atom_64 System Image(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件),查资料好像还需要安装python2 不支持python3,估计python不一定是必须,js框架跟python应该没多大关联, jdk,sdk安装过程跟weex差不多,此处略过,具体参见中文官网https://reactnative.cn/docs/getting-started/
环境变量配置,写到系统还是用户变量无所谓,区别不大,保持一致会好点
jdk环境变量
变量名:JAVA_HOME,值:C:\Program Files\Java\jdk1.8.0_131
变量名:path,值:%JAVA_HOME%\bin;
变量名:CLASSPATH,值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
sdk环境变量
变量名:ANDROID_HOME 变量值:D:\Android\sdk 就是你的sdk路径,装哪里就是那个路径
变量名:path 变量值:;D:\Android\sdk\platform-tools;D:\Android\sdk\tools;
fb官方脚手架(测试过无法建立项目)
npm install -g expo-cli
expo init AwesomeProject
cd AwesomeProject
npm start
国内中文官网文档教程用的脚手架(建议用这个)
命令行
npm install -g yarn react-native-cli
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
react-native init AwesomeProject
下载并安装网易mumu安卓模拟器http://mumu.163.com/
(安卓studio不支持amd处理器,推荐用安卓模拟器预览)
开启mumu 右下角系统应用里面的设置里把usb调试打开
连接到 mumu端口
命令行
adb connect 127.0.0.1:7555
cd AwesomeProject
react-native run-android
运行成功的话就可以在mumu上看到初始化界面了
ios略过。。。