ReactNative项目实战01(环境搭建).md

Windows+Android版本

rn中文网介绍: https://reactnative.cn/docs/0.51/getting-started.html
1. 安装Python2和NodeJS,自己到官网下载安装,按照流程来(没啥好说的)
1.1 Python2安装,选择2.7.15版本下载:https://www.python.org/downloads/
安装好后,命令行输入python -V 可查看python版本信息
1.2 nodejs安装:选择8.11.x版本下载安装: https://nodejs.org/zh-cn/
* 配置npm镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

1.3安装yarn:(可用yarn替代npm install命令)
npm install -g yarn react-native-cli
* 配置yarn镜像
yarn config set registry https://registry.npm.taobao.org –global
yarn config set disturl https://npm.taobao.org/dist –global
2. Android开发环境
2.1 AndroidSutdio2.0以上版本
* jdk8
* SDK:23版本和支持库等
2.2 配置环境变量和Android虚拟机
3. 上面所有的软件都安装好后,就可以进行创建,运行RN项目了
react-native init RnPractice
cd RnPractice
react-native run-android
* 能出来这个界面说明环境搭建成功(当然中间要解决出现的各种各样的坑)
这里写图片描述

macOS+Android版本与windows安装差不多,不再累赘
iOS+macOS版本:mac版本的安装更加简单,也不会有那么多坑需要踩(想进行RN开发的小伙伴还是搞一台mac吧)
  1. 安装需要的软件
    • Homebrew
    • Node.js
    • Yarn
  2. 开发工具Xcode和WebStorm
  3. 测试安装
    react-native init AwesomeProject
    cd AwesomeProject
    react-native run-ios
    • 最后运行效果这样,那么恭喜你RN环境搭建成功
      这里写图片描述
开发工具:推案使用WebStorm

推荐安装2016.1版本,可按照这篇文章进行破解使用 https://www.jianshu.com/p/89c6c3554479

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值