RN开发研究入门篇(一)项目搭建

简单的项目搭建运行其实很简单。

本质就是:先装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

猜你喜欢

转载自blog.csdn.net/awy1988/article/details/79743157