简单的项目搭建运行其实很简单。
本质就是:先装node.js,再装react-native-cli 即命令行工具,然后再用react-native 命令行工具创建工程,最后用命令运行工程。四步。
首先是nodejs的安装,nodejs的安装是与你的操作系统有关的,资料很多,不赘述。
为什么要先安装node.js呢?因为现在几乎所有 JS 前端的生态都是围绕着 npm (Node package manager)转起来的。
安装完node.js之后,再用 npm 安装 react-native 的命令行接口,也就是 react-native-cli,
命令是:
npm install -g react-native-cli
至于在RN中文网上的命令:
npm install -g yarn react-native-cli
其实就是一下子把 yarn 与 react-native-cli 一起给装了。
上面的命令装完之后,就可以执行下面的命令,
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
第一个命令的功能是创建一个RN工程
react-native init AwesomeProject
第二个命令的功能。。。就是进入这个工程(这个其实不说估计大家也知道)
cd AwesomeProject
第三个命令的功能就是运行创建的RN工程。
react-native run-android
如果此时你已经打开了Android模拟器,那么恭喜你,第一个RN的应用应该就已经跑起来了。
运行之后的效果如下:
其实很简单对不对?
还有就是我们为了查看RN工程的控制台输出,需要安装watchman,不过我这里就不赘述了,大家可以去RN的官网或者中文网站上去看一下内容。
链接如下:
RN中文网
https://reactnative.cn/docs/0.51/getting-started.html
RN官网
http://facebook.github.io/react-native/docs/getting-started.html