react-native开发环境搭建

来源:互联网 发布:淘宝食品类目 编辑:程序博客网 时间:2024/05/17 12:06

本篇介绍一下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

以上七个小步骤就是安装过程,结束
原创粉丝点击