Mac上使用react native tips:

1. 安装Homebrew

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

2. 安装nvm 和 node

nvm:

  touch ~/.bash_profile                   -》 环境变量在安装过程中写入

  curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash -》安装后创建~/.nvm

  nvm

node

  nvm install node && nvm alias default node   -》 系统级别的node_modules安装在~/.nvm/versions/node/v5.7.1/lib下面

  node

3. 安装watchman 和 flow

  brew install watchman

  brew install flow

  brew update && brew upgrade

4. 创建Project

  npm install -g react-native-cli     -> 安装react-native 命令到/Users/XXX/.nvm/versions/node/v5.7.1/bin/react-native

下面

  react-native init AwesomeProject   -> 下载npm包, 可以在目录下执行npm start和npm install

5.  试用Project

  会运行一个node server处理请求

  改动index.ios.js,cmd+R可以在线刷新页面

  

install log

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash

% Total    % Received % Xferd  Average Speed   Time    Time     Time  Current

Dload  Upload   Total   Spent    Left  Speed

100  7766  100  7766    0     0   3012      0  0:00:02  0:00:02 --:--:--  3012

=> nvm is already installed in /Users/XXX/.nvm, trying to update using git

=>

=> Appending source string to /Users/XXX/.bash_profile

=> You currently have modules installed globally with `npm`. These will no

=> longer be linked to the active version of Node when you install a new node

=> with `nvm`; and they may (depending on how you construct your `$PATH`)

=> override the binaries of modules installed with `nvm`:

/Users/XXX/.nvm/versions/node/v5.7.1/lib

└── react-native-cli@0.1.10

=> If you wish to uninstall them at a later point (or re-install them under your

=> `nvm` Nodes), you can remove them from the system Node as follows:

$ nvm use system

$ npm uninstall -g a_module

=> Close and reopen your terminal to start using nvm

node Server log

~/react-native-demos/AwesomeProject/node_modules/react-native/packager ~

┌────────────────────────────────────────────────────────────────────────────┐

│  Running packager on port 8081.                                            │

│                                                                            │

│  Keep this packager running while developing on any JS projects. Feel      │

│  free to close this tab and run your own packager instance if you          │

│  prefer.                                                                   │

│                                                                            │

│  https://github.com/facebook/react-native                                  │

│                                                                            │

└────────────────────────────────────────────────────────────────────────────┘

Looking for JS files in

/Users/XXX/react-native-demos/AwesomeProject

[20:11:09] <START> Building Dependency Graph

[20:11:09] <START> Crawling File System

[Hot Module Replacement] Server listening on /hot

React packager ready.

[20:11:12] <END>   Crawling File System (2400ms)

[20:11:12] <START> Building in-memory fs for JavaScript

[20:11:12] <END>   Building in-memory fs for JavaScript (177ms)

[20:11:12] <START> Building in-memory fs for Assets

[20:11:12] <END>   Building in-memory fs for Assets (138ms)

[20:11:12] <START> Building Haste Map

[20:11:12] <START> Building (deprecated) Asset Map

[20:11:12] <END>   Building (deprecated) Asset Map (36ms)

[20:11:12] <END>   Building Haste Map (366ms)

[20:11:12] <END>   Building Dependency Graph (3087ms)

[20:11:15] <START> request:/index.ios.bundle?platform=ios&dev=true

[20:11:15] <START> find dependencies

[20:11:16] <END>   find dependencies (1416ms)

[20:11:16] <START> transform

transforming [========================================] 100% 505/505

[20:11:26] <END>   transform (9736ms)

[20:11:26] <END>   request:/index.ios.bundle?platform=ios&dev=true (11254ms)

react-native init AwesomeProject

This will walk you through creating a new React Native project in /Users/XXX/react-native-demos/AwesomeProject

Installing react-native package from npm...

Setting up new React Native app in /Users/XXX/react-native-demos/AwesomeProject

To run your app on iOS:

cd /Users/liujunmei/react-native-demos/AwesomeProject

react-native run-ios

- or -

Open /Users/liujunmei/react-native-demos/AwesomeProject/ios/AwesomeProject.xcodeproj in Xcode

Hit the Run button

1、安装nvm
https://github.com/creationix/nvm/

【操作系统版本】
ubuntu 14.04 LTS

【前置依赖】
apt-get install build-essential libssl-dev

【下载安装】

备用法:git clone https://github.com/chenxizhang/nvm.git && ./nvm/install.sh && . ~/.nvm/nvm.sh  && rm –rf ./nvm
curl https://raw.githubusercontent.com/creationix/nvm/v0.23.3/install.sh | bash

root@i-5ygfjuik:~/iojs-v1.1.0-linux-x64# curl https://raw.githubusercontent.com/creationix/nvm/v0.23.3/install.sh | bash
  % Total % Received % Xferd Average Speed Time Time Time Current
                                 Dload Upload Total Spent Left Speed
100 5226 100 5226 0 0 4019 0 0:00:01 0:00:01 --:--:-- 4016
=> Downloading nvm from git to '/root/.nvm'
=> Cloning into '/root/.nvm'...
remote: Counting objects: 3328, done.
remote: Total 3328 (delta 0), reused 0 (delta 0)
Receiving objects: 100% (3328/3328), 635.28 KiB | 303.00 KiB/s, done.
Resolving deltas: 100% (1894/1894), done.
Checking connectivity... done.

=> Appending source string to /root/.bashrc
=> Close and reopen your terminal to start using nvm

【注意:重新登录系统后才可以使用nvm

=================================================================

2、使用nvm来安装iojs
nvm install iojs

root@i-5ygfjuik:~# nvm install iojs
######################################################################## 100.0%
WARNING: checksums are currently disabled for io.js
Now using io.js v1.1.0

nvm ls 列出所有的版本

然后就用iojs就可以运行了

nvm use system
root@i-5ygfjuik:~# nvm use system
Now using system version of node: v0.11.14.
root@i-5ygfjuik:~#

这回切会11.14

root@i-5ygfjuik:~# nvm ls
    iojs-v1.1.0
-> system

root@i-5ygfjuik:~# nvm use iojs
Now using io.js v1.1.0
root@i-5ygfjuik:~#

然后再切一下就回去咯~~~~爽歪歪

=================================================================

react native mac install的更多相关文章

  1. React Native MAC上环境搭建笔记

    今天花了一点时间搭建了一下react native环境,在这个过程中遇到了一些问题,处理并总结一下,年纪大了记性不好,只能多写写...真是岁月不饶人啊! 第一步:安装最新版本的Xcode工具 第二步: ...

  2. React Native Mac配置指南

    步骤 http://facebook.github.io/react-native/docs/getting-started.html#content 依照React Native官网步骤一步步安装, ...

  3. React Native pod install报错 `Yoga (= 0.44.3.React)` required by `React/Core (0.44.3)`

    使用pod安装,可能会因为Podfile的路径指向错误或者没有路径指向因为报错. 报错截图如下: 这是因为在指定的路径没有寻找到相应的组件.此时就需要修改podfile文件中的路径,由于上方提示没有  ...

  4. react native 环境配置

    1. 安装Homebrew Homebrew主要用于安装后面需要安装的watchman.flow 打开MAC的终端,输入如下命令: ruby -e "$(curl -fsSL https:/ ...

  5. React Native 之 搭建开发环境

    现在只能在MAC系统上安装. 1. 首先,HomeBrew 这是一个包管理库,用来下载其它工具. 打开网站:brew.sh 网页有个命令 /usr/bin/ruby -e "$(curl - ...

  6. 配置React Native的开发环境

    本文转载自:http://mp.weixin.qq.com/s?__biz=MzIxNjEzNjUzOQ==&mid=402020148&idx=2&sn=ccad14a919 ...

  7. 【React Native开发】React Native For Android环境配置以及第一个实例(1)

    年9月15日也公布了ReactNative for Android,尽管Android版本号的项目公布比較迟,可是也没有阻挡了广大开发人员的热情.能够这样讲在2015年移动平台市场上有两个方向技术研究 ...

  8. Mac系统下React Native环境搭建

    这里记录一下在Mac系统下搭建React Native开发环境的过程: 1. 安装HomeBrew: /usr/bin/ruby -e "$(curl -fsSL https://raw.g ...

  9. Mac电脑配置IOS React Native开发环境配置笔记

    React Native(以下简称RN)的开发环境配置直接参考官方文档即可完成,不过对小白来说东西有点多,有些名词不是很好理解,这里就官方的安装文档稍微展开说一下. 中文版配置说明:不错的中文说明.官 ...

随机推荐

  1. 【算法】一般冒泡排序 O(n^2) 稳定的 C语言

    冒泡排序 一.算法描述 假设序列中有N个元素: 第一趟选取第一个元素作为关键字,从左至右比较,若遇到比它小的则放到它左边(也即两数进行交换),若遇到比它大的,则改为选取该元素作为关键字完成后续的比较, ...

  2. u-boot烧写Linux及系统整个启动过程

    一.烧写文件 u-boot: u-boot.bin linux kernel: uImage Filesystem: root.bin(yaffs) 二.烧写步骤  1.烧写u-boot tftp 0 ...

  3. Uva_11916 Emoogle Grid

    题目链接 题意: 有个N X M的棋盘, 有K种颜色, 有B个不可涂色的位置, 共有R种涂色方案. 1)每个可涂色的位置必须涂上一种颜色 2)不可涂色位置不能涂色 3)每个位置必须从K种颜色中选出一种 ...

  4. 打log

    如果项目上过线的话,那你一定知道Log是多么重要. 为什么说Log重要呢?因为上线项目不允许你调试,你只能通过Log来分析问题.这时打一手好Log的重要性绝不亚于写一手好代码.项目出问题时,你要能拿出 ...

  5. 【 POJ - 3801】Crazy Circuits(有源汇、上下界最小流)

    Description You’ve just built a circuit board for your new robot, and now you need to power it. Your ...

  6. C#.ToString()格式大全

    原文:C#.ToString()格式大全 C#.ToString()格式大全 stringstr1=string.Format("{0:N1}",56789);           ...

  7. R语言 一元线性回归

    #一元线性回归的基本步骤#1.载入数据 给出散点图 x<-c(0.10,0.11,0.12,0.13,0.14,0.15,0.16,0.17,0.18,0.20,0.21,0.23) y< ...

  8. bzoj1071

    朴素的做法显然是O(n3)的考虑优化,我们将约束条件变形为A*h+B*v<=A*minh+B*minv+c右边是一个定值,当右边确定了minh之后,随着minv的增大,原来满足条件的且v> ...

  9. Jira在linux上安装与部署

    Where should JIRA 6.0.1 be installed? [/opt/atlassian/jira] /usr/local/jira Default location for JIR ...

  10. Maven学习(2) - Maven构建多模块Java工程

    概述 项目开发时,通常会将项目分为多个模块进行开发,本文讨论如何用Maven构建多模块的Java工程. 软件环境 Java:1.6.0_26 Maven:3.1.1 OS:WindowXP SP3 项 ...