环信ReactNative Demo运行

环信终于发布了ReactNative版本的demo:

V0.1.0 2016-12-23

那么问题来了,ReactNative新手如何运行demo源码呢?

首先阅读下集成的官方文档:http://docs.easemob.com/im/react-native/iOS-app;下载demo源码。

如果之前没有安装过ReactNative环境的,执行

npm run newclear

命令肯定会报错,这里介绍下如何从0开始运行ReactNative demo源码。

首先安装brew:

[ruby]view plaincopy

ruby -e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装wget:

[ruby]view plaincopy

brew install wget

再安装node:

1、先更新下brew,使其在最新版本,代码如下:

[ruby]view plaincopy

brew update

2、可以检查下brew是否有什么问题

[ruby]view plaincopy

brew doctor

这步可以先忽略,如后续步骤出错,可以执行该命令检查,然后根据报错或警告提示处理相关问题;如不会,可以截图给我评论;

3、安装node

[ruby]view plaincopy

brew install node

大概45M多点,需要点时间;

安装watchman:

[ruby]view plaincopy

brew install watchman

安装flow:

[ruby]view plaincopy

brew install flow

然后再到工程文件夹执行

npm run newclear

即可

注:

如果上述命令在执行的时候卡在下列命令行很久不动

fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch

那么更换成淘宝的源即可:

[ruby]view plaincopy

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

-- 配置后可通过下面方式来验证是否成功

npm config get registry

-- 或npm info express

在执行npm run newclear命令的时候,可以看到工程文件夹中node_modules文件夹的大小一致在增加,那就对了。下载完成,打开webim-react-native-master/ios/app.xcodeproj即可运行该项目了。

友情链接博客地址:http://blog.csdn.net/u012236875/article/details/53924853

你可能感兴趣的:(环信ReactNative Demo运行)