React Native 搭建开发环境的方法步骤

雪幕拉开,飘然而至分外美妙,初起便显现出意境;雪落十分,然间有种喜悦在心间荡漾,纷飞飘扬尽享每一刻青春的激情;飞舞的雪花,感受芬芳的韵味,迷人心脾围绕在身旁;耳畔,时常想有沙沙的声音那样的动听,百听不厌,着迷在这一刻升起动人心怀的旋律。

本文介绍了React Native 搭建开发环境,分享给大家,具体如下:

准备工作

  1. node -v:确认是否安装Node,若已经成功安装了,则执行下面的命令;否则先进行Node的安装。
  2. npm install -g create-react-native-app:使用npm快速创建React Native应用。
  3. create-react-native-app AwesomeProject:创建名为AwesomeProject的项目。
  4. cd AwesomeProject:进入项目所在文件目录。
  5. yard start:启动服务,终端会显示二维码和链接地址。

手机下载Expo客户端APP


运行React Native应用AwesomeProject

将已经下载好Expo客户端APP的手机连接上同电脑的无线网络;

打开Expo客户端APP,使用Expo的扫描功能扫描终端的二维码,或者在Expo中输入终端显示的应用的链接地址,即可看到应用的运行效果。


修改应用

进入应用所在的目录文件,打开App.js文件,便可进行React Native开发了。

至此,React Native的开发环境便搭建成功了。

以上就是React Native 搭建开发环境的方法步骤。对于世界而言,你只是一粒尘埃,但是对于父母而言,你是他们的整个世界。更多关于React Native 搭建开发环境的方法步骤请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
react axios 跨域访问一个或多个域名问题

React+ajax+java实现上传图片并预览功能

React组件对子组件children进行加强的方法

在React中写一个Animation组件为组件进入和离开加上动画/过度效果

回顾Javascript React基础