React Native开源项目如何运行（附一波开源项目）

学习任何技术，最快捷的方法就是学习完基础语法，然后模仿开源项目进行学习，React Native也不例外。React Native推出了1年多了，开源项目太多了，我们以其中一个举例子.给大家演示下如何运行开源项目.(前提是你已经搭建好React Native环境了)

下载开源项目

首先需要找到开源项目 ,比如下面这个.

地址: https://github.com/Bob1993/react-native-gank

进入github, clone到本地或者直接download到本地。

按照之前运行自己项目的经验，我们会直接在控制台进入项目目录，然后输入

react-native run-ios 或者react-native run-android

这时候发现并没有react-native 指令.

原因是这样的, 大部分开源项目并不是完整的项目, 缺少了项目的依赖, 就像我们运行java没有jdk环境一样。

下面是一个完整的项目：

React Native开源项目如何运行（附一波开源项目）

而开源项目为了减少空间，并没有提交node_mudules目录，需要我们自己安装

npm安装node_modules

node_modules 是整个项目的依赖，里面包含什么呢？包含的文件全部都写在package.json 文件中了。这个文件是必不可少的。我们需要按照这个列表下载。

这时候需要给大家简单介绍下，因为react native项目是通过nodejs构建的，所以在nodejs项目中都需要package.json 文件。具体大家可以看看nodejs相关知识。七天学会 Nodejs

安装node_modules 非常简单，进入项目目录执行命令

npm install

会自动按照package.json下载对应的依赖。

但是问题来了，经常会出现下面的错误：

React Native开源项目如何运行（附一波开源项目）

大部分都是由于网速的问题导致的，有些依赖甚至需要*才能下载。最好的办法就是把npm的下载源改成国内的镜像，修改方法有三种，如下：

1.通过config命令

npm config set registry https://registry.npm.taobao.org

npm info underscore （如果上面配置正确这个命令会有字符串response）

2.命令行指定

npm –registry https://registry.npm.taobao.org info underscore

3.编辑~/.npmrc

加入下面内容

registry = https://registry.npm.taobao.org

修改完了，再执行npm install 下载完成就会有如下的提示:

React Native开源项目如何运行（附一波开源项目）

剩下的就是运行项目了。

开源项目汇总

秒客网

React Native开源项目如何运行（附一波开源项目）

下载开源项目

npm安装node_modules

开源项目汇总

相关文章