最新react-native的开启方式_React

上一篇: Style in React 下一篇:react使用总结

最新react-native的开启方式

发布时间：2019-08-05 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了最新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 之旅吧。