搭建RN环境有两种形式,
一.快速形式 Quick Start
快速形式是用于只有js代码的时候
可以通过Expo这种形式来搭建。
1.到浏览器搜索Expo,打开进入,点击Tools
屏幕快照 2019-07-09 17.32.40.png进入后选择Client 屏幕快照 2019-07-09 17.35.03.png
到手机上下载 屏幕快照 2019-07-09 17.35.35.png
这款应用。
2.安装expo的客户端, 全局安装的
npm install -g expo-cli
3.安装完成后就可以使用expo初始化一个工程
cd DeskTop/AgoodProject //先指向你要创建的文件夹
expo init AgoodProject
这里让你选择模板
屏幕快照 2019-07-09 18.12.58.png
选择第一个blank,是创建一个空项目,选tabs是创建一个自带TabBar的项目,选择一个点击enter
屏幕快照 2019-07-09 18.20.41.png
光标放到划线处输入项目名称(可能看不到光标,点击直接输入就好)点击enter
屏幕快照 2019-07-09 18.24.17.png
点击enter键开始创建项目。
(如果网不好很慢,不要着急,我等了估计1个小时。。。)
4.cd到AgoodProject下启动项目
屏幕快照 2019-07-09 19.01.04.pngcd AgoodProject
npm start
屏幕快照 2019-07-09 19.02.34.png
屏幕快照 2019-07-09 19.06.16.png
这里可以看到项目在设备上的运行状态。
二.Building Project with Native Code形式
如果项目里要用到native代码,或者在原生的项目里来集成RN 需要用第二种方式
网友评论