最新react-native的开启方式

1安装node.js
打开http://nodejs.cn/下载node,然后安装即可
当打开命令行,输入node –v 出现node的版本号,说明安装成功
2 安装expo
打开 https://expo.io/learn或者打开...://pan.baidu.com/s/1u6A587nxlOfqD3WoGD7vGg下载expo这个APP,手机或虚拟机安装
3. 创建目录
创建一个目录用以存放RN的项目,这里取名reactNative
4.进入reactNative 下,npm全局安装create-react-native-app
命令行下输入:npm install –g create-react-native-app
5.npm创建RN项目 命令create-reat-native-app +项目名(网络原因,有时会安装不成功,可重试)

命令行下输入:create-reat-native-app test

6.启动项目

命令行下输入: yarn start

当出现如下图所示,即表示成功
图片描述
图1-1
如出现图中红色箭头所示,与你期待的ip地址不一样。可ctrl+c.然后输入命令set REACT_NATIVE_PACKAGER_HOSTNAME=你所期待的ip地址。最后再输入yarn start 即可。
7.expo 这个app扫一扫上面的二维码或者打开expo的搜索框输入exp:+你的IP+端口,即可。

注意1,手机或虚拟机必须与图1-1红色箭头所示的ip是同一个局域网。
注意2,expo打开链接出现闪退时,可命令窗口,重新启动项目

expo出现以图下所显示时,恭喜你成功了,任意编辑工具打开reactNative/test/App.js这个文件,修改,保存。expo会实时更新。之后,开启你的react-native 之旅吧。
图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值