React Native项目真机调试(一)

之前介绍过如何搭建React Native开发环境并创建项目, React Native开发环境搭建 方式更适合在需要构建原生ios或者android代码时使用,但是其真机调试比较麻烦,本篇介绍在不需要构建原生代码时,如何快速创建React Native项目,并且快速开启真机调试。

索引

前言

本篇介绍的方式相较于前篇,不需要安装配置 XcodeAndroid Studio 等工具和环境,只需要安装 Node ,另外推荐使用 Yarn 代替 Npm 进行安装包管理(可选):

npm install -g yarn

create-react-native-app

接下来使用 npmyarn 安装 create-react-native-app 脚手架:

$ npm install -g create-react-native-app
  # or
$ yarn global add create-react-native-app

注:Node版本必须大于版本v6,npm于版本v3。

创建项目

然后执行初始化指令:

$ create-react-native-app my-app

即在当前目录下创建了 my-app 项目,在该项目目录下可执行命令如下:

React Native项目真机调试(一)

启动项目

接着就可以启动项目,然后真机调试了:

$ cd my-app

$ yarn start 
 # or
$ npm start

项目本地启动,并在控制台输出如下信息:

React Native项目真机调试(一)

真机调试

项目已经在本地启动了,如果需要真机调试就需要在移动设备上安装 Expo 客户端(android 可能需要在google store上下载,备用下载资源地址:链接: https://pan.baidu.com/s/1LHIuId8ycxDJtaBFV9f7eA 密码: u3bd),然后打开Expo应用,扫描控制台输出的二维码即可真机访问应用,并支持项目代码更新热加载。

提示

需要注意几个问题:

  1. 此方式创建的项目,无法编辑原生ios或android代码;

  2. 移动设备安装的Expo客户端版本需要大于支持项目所安装的 expo SDK版本的客户端版本,否则真机上无法预览项目,如下图,对应支持expo 26.0.0 版本SDK的客户端版本需要大于 v2.4.0 ,如果使用文章中提供的下载的Expo链接,则需要将expo SDK版本降级到 25.0.0

    React Native项目真机调试(一)

原文 

http://blog.codingplayboy.com/2018/04/15/react_native_dev/

本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有著作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。

PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处:Harries Blog™ » React Native项目真机调试(一)

赞 (0)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址