react-native开发环境搭建

本篇介绍一下react-native win7下的开发环境搭建,力求简单明了,网上也有很多关于这方面的教程,不过总感觉不够精简,有的步骤感觉没太大必要,过于繁琐,反而会误导初学者,对于react-native不太熟悉的人,我们需要的是简单,快速,能用,不必花费很多时间就可以安装使用,下面说一下具体安装过程(主要针对android开发者,ios开发安装方法只能自己在网上找了)。

1、安装android开发环境,包括 jdk、androidStudio、sdk等,开发android的同学这个步骤其实可以略过了。
2、安装node.js js运行环境,到官方网站下载,安装一直点下一步即可
   node -v 查看node.js版本(验证是否安装成功)
   npm -v 查看npm版本
3、安装react-native命令行工具(-g表示全局安装)
   npm install -g react-native-cli 
4、创建react-native项目,下载等待,可能会有点慢,AwesomeProject是你的项目名称,可以随便定义
   react-native init AwesomeProject
5、启动js服务,cmd到项目目录下
  react-native start 
6、连接usb调试端口,cmd到项目目录下(使用android5.0以上手机,4.0一下要设置ip,还要电脑和手机在同一wifi下,比较繁琐)
  adb reverse tcp:8081 tcp:8081
7、运行项目,cmd到项目目录下
  react-native run-android

以上七个小步骤就是安装过程,结束
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值