利用react-native构建一个新项目

开发环境:Mac OS,已安装Xcode


1、全局安装react-native

输入命令:npm install -g react-native@0.44.3

2、安装好之后在你想要建立项目的路径下初始化一个项目

输入命令:react-native init *** --version 0.44.3(***为想要创建的项目名称,这里初始化项目时最好指定版本,否则有可能会运行报错。我在构建项目的时候就踩了这个坑,结果项目老是运行不起来。注意:version前面有两个‘-’)

此时有可能会报如下所示的错误:


此时按照提示输入命令npm install -g react-native-cli即可

3、运行项目。

以运行ios为例,在项目的根目录下运行命令react-native run-ios即可,运行成功的话会看到如下所示的页面


在模拟器中你可以看到以自己项目名称命名的app,点击这个app会看到如下所示的页面:


如果看到这个页面了,那么恭喜你,你已经搭建了一个简单的开发环境,如果没有看到,建议检查一下是不是自己初始化项目时的版本控制没有做好。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值