react native 搭建过程简单记录

环境搭建跟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略过。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值