- 时间:2021-02-13 21:18 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:React Native 搭建开发环境的方法步骤
本文介绍了React Native 搭建开发环境,分享给大家,具体如下:
[b]准备工作[/b]
[list=1]
[*][code]node -v[/code]:确认是否安装Node,若已经成功安装了,则执行下面的命令;否则先进行Node的安装。[/*]
[*][code]npm install -g create-react-native-app[/code]:使用npm快速创建React Native应用。[/*]
[*][code]create-react-native-app AwesomeProject[/code]:创建名为AwesomeProject的项目。[/*]
[*][code]cd AwesomeProject[/code]:进入项目所在文件目录。[/*]
[*][code]yard start[/code]:启动服务,终端会显示二维码和链接地址。[/*]
[/list]
[b]手机下载Expo客户端APP[/b]
[img]http://files.jb51.net/file_images/article/201710/2017103009362227.png[/img]
运行React Native应用AwesomeProject
将已经下载好Expo客户端APP的手机连接上同电脑的无线网络;
打开Expo客户端APP,使用Expo的扫描功能扫描终端的二维码,或者在Expo中输入终端显示的应用的链接地址,即可看到应用的运行效果。
[img]http://files.jb51.net/file_images/article/201710/2017103009362328.png[/img]
修改应用
进入应用所在的目录文件,打开App.js文件,便可进行React Native开发了。
[img]http://files.jb51.net/file_images/article/201710/2017103009362329.png[/img]
至此,React Native的开发环境便搭建成功了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。