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

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


1、全局安装react-native

输入命令:npm install -g [email protected]

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

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

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

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

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

3、运行项目。

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

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

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

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

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