ReactNative环境配置初始化

加班加了太久 ,终于闲下来一周,写关于ReactNative的 ,这个也是面试最喜欢问到有没有做过的,当然啦实际工作中真的用到的不是很多,具体看公司了.
React Native 可以通过更新远端JS,直接更新app, 用 JavaScript 调起 native 组件,将增强与高性能组件交给 native 来处理 . 相比其他 hybrid 框架而言, ReactNative并非通过 webview 来调用原生组件,而是直接调用操作系统自带的 javascriptCore, 所以更高效。

环境配置
参考文档 http://facebook.github.io/react-native/

React Native 主要依赖以下环境:

Mac OS X操作系统
Xcode, 推荐使用7.3.0或者更高版本。
Node.js V6.2.1或者最新版本。
watchman和flow。
NVM

  1. xcode 这个mac 系统开发必备 直接去appstore 下载
    2.安装Node.js
    官网下载 https://nodejs.org/
179A13B4-275F-4141-B57E-3EF7698F6FC5.png
  1. 安装 Homebrew
    官网 https://brew.sh/index_zh-cn
90A90A1B-B556-4D2D-806C-319C5FA95A5B.png

从图我们可知需要在终端输入输入命令
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
运行有点耗时 耐心等待

B40CCD68-8332-4A31-9D0B-6F6A86D37231.png

4 .通过brew安装watchman和flow
React Native 包管理器使用了watchman ,flow是 Facebook 公司出品的一个类型检查库,它同样被 React Native 所采用.
安装好Homebrew 之后,依次运行以下命(比较耗时时):
//检查版本
brew -v
//安装watchman
brew install watchman
//安装 flow
brew install flow


453F43C9-7B14-4D73-8050-F1731D8E9C7B.png
80B16A95-E344-494B-8C8F-42D253A2D3B2.png

5.安装react-native-cli命令行工具
在MAC终端中输入如下命令,其中-g表示全局安装。
这个步骤将会在你的系统全局安装 React Native 命令行工具。[图片上传中...(FADBE80D-66BD-47B4-9216-67076BCA8EBF.png-99097e-1529464719169-0)]

sudo npm install -g react-native-cli


F1F6B551-22D8-4A6B-A2DA-5758FB6DF51E.png

6.安装 安装NVM
Reace Native 使用nvm管理不同的node和npm.

git clone https://github.com/creationix/nvm

安装成功后我们就可以开始建立项目测试了

先建立个文件夹RNDemo 为了方便 我就放在桌面
进入文件目录
然后输入react-native init HelloWorld 运行 有点慢 要有耐心 当然也可能是公司电脑太渣的原因 .....


02F36076-CCC9-4558-909D-7881EFBCDE3B.png

等待运行完成后 我们去目录查看下 一个工程就建立好了


B6326CAC-3830-42F6-B5AD-798E3B2B8207.png

0B5C9ABF-4AF3-45C2-9661-1CE1B5DB8C05.png

然后就可以愉快地进行RN编程了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 198,030评论 5 464
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,198评论 2 375
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 144,995评论 0 327
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,973评论 1 268
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,869评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,766评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,967评论 3 388
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,599评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,886评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,901评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,728评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,504评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,967评论 3 302
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,128评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,445评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,018评论 2 343
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,224评论 2 339

推荐阅读更多精彩内容