- 准备工作
-
node -v
:确认是否安装Node
,若已经成功安装了,则执行下面的命令;否则先进行Node
的安装。 -
npm install -g create-react-native-app
:使用npm
快速创建React Native
应用。 -
create-react-native-app AwesomeProject
:创建名为AwesomeProject
的项目。 -
cd AwesomeProject
:进入项目所在文件目录。 -
yard start
:启动服务,终端会显示二维码和链接地址。
-
- 手机下载
Expo
客户端APP
Snip20171027_1.png
- 运行
React Native
应用AwesomeProject
- 将已经下载好
Expo
客户端APP的手机连接上同电脑的无线网络; - 打开
Expo
客户端APP,使用Expo
的扫描功能扫描终端的二维码,或者在Expo
中输入终端显示的应用的链接地址,即可看到应用的运行效果。
Snip20171027_4.png
- 将已经下载好
- 修改应用
- 进入应用所在的目录文件,打开
App.js
文件,便可进行React Native
开发了。
Snip20171027_5.png
至此,React Native
的开发环境便搭建成功了。
- 进入应用所在的目录文件,打开
网友评论