react native mac install
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
https://github.com/creationix/nvm/
【操作系统版本】
ubuntu 14.04 LTS
【前置依赖】
apt-get install build-essential libssl-dev
【下载安装】
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的更多相关文章
- React Native MAC上环境搭建笔记
今天花了一点时间搭建了一下react native环境,在这个过程中遇到了一些问题,处理并总结一下,年纪大了记性不好,只能多写写...真是岁月不饶人啊! 第一步:安装最新版本的Xcode工具 第二步: ...
- React Native Mac配置指南
步骤 http://facebook.github.io/react-native/docs/getting-started.html#content 依照React Native官网步骤一步步安装, ...
- React Native pod install报错 `Yoga (= 0.44.3.React)` required by `React/Core (0.44.3)`
使用pod安装,可能会因为Podfile的路径指向错误或者没有路径指向因为报错. 报错截图如下: 这是因为在指定的路径没有寻找到相应的组件.此时就需要修改podfile文件中的路径,由于上方提示没有 ...
- react native 环境配置
1. 安装Homebrew Homebrew主要用于安装后面需要安装的watchman.flow 打开MAC的终端,输入如下命令: ruby -e "$(curl -fsSL https:/ ...
- React Native 之 搭建开发环境
现在只能在MAC系统上安装. 1. 首先,HomeBrew 这是一个包管理库,用来下载其它工具. 打开网站:brew.sh 网页有个命令 /usr/bin/ruby -e "$(curl - ...
- 配置React Native的开发环境
本文转载自:http://mp.weixin.qq.com/s?__biz=MzIxNjEzNjUzOQ==&mid=402020148&idx=2&sn=ccad14a919 ...
- 【React Native开发】React Native For Android环境配置以及第一个实例(1)
年9月15日也公布了ReactNative for Android,尽管Android版本号的项目公布比較迟,可是也没有阻挡了广大开发人员的热情.能够这样讲在2015年移动平台市场上有两个方向技术研究 ...
- Mac系统下React Native环境搭建
这里记录一下在Mac系统下搭建React Native开发环境的过程: 1. 安装HomeBrew: /usr/bin/ruby -e "$(curl -fsSL https://raw.g ...
- Mac电脑配置IOS React Native开发环境配置笔记
React Native(以下简称RN)的开发环境配置直接参考官方文档即可完成,不过对小白来说东西有点多,有些名词不是很好理解,这里就官方的安装文档稍微展开说一下. 中文版配置说明:不错的中文说明.官 ...
随机推荐
- 【算法】一般冒泡排序 O(n^2) 稳定的 C语言
冒泡排序 一.算法描述 假设序列中有N个元素: 第一趟选取第一个元素作为关键字,从左至右比较,若遇到比它小的则放到它左边(也即两数进行交换),若遇到比它大的,则改为选取该元素作为关键字完成后续的比较, ...
- u-boot烧写Linux及系统整个启动过程
一.烧写文件 u-boot: u-boot.bin linux kernel: uImage Filesystem: root.bin(yaffs) 二.烧写步骤 1.烧写u-boot tftp 0 ...
- Uva_11916 Emoogle Grid
题目链接 题意: 有个N X M的棋盘, 有K种颜色, 有B个不可涂色的位置, 共有R种涂色方案. 1)每个可涂色的位置必须涂上一种颜色 2)不可涂色位置不能涂色 3)每个位置必须从K种颜色中选出一种 ...
- 打log
如果项目上过线的话,那你一定知道Log是多么重要. 为什么说Log重要呢?因为上线项目不允许你调试,你只能通过Log来分析问题.这时打一手好Log的重要性绝不亚于写一手好代码.项目出问题时,你要能拿出 ...
- 【 POJ - 3801】Crazy Circuits(有源汇、上下界最小流)
Description You’ve just built a circuit board for your new robot, and now you need to power it. Your ...
- C#.ToString()格式大全
原文:C#.ToString()格式大全 C#.ToString()格式大全 stringstr1=string.Format("{0:N1}",56789); ...
- 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< ...
- bzoj1071
朴素的做法显然是O(n3)的考虑优化,我们将约束条件变形为A*h+B*v<=A*minh+B*minv+c右边是一个定值,当右边确定了minh之后,随着minv的增大,原来满足条件的且v> ...
- Jira在linux上安装与部署
Where should JIRA 6.0.1 be installed? [/opt/atlassian/jira] /usr/local/jira Default location for JIR ...
- Maven学习(2) - Maven构建多模块Java工程
概述 项目开发时,通常会将项目分为多个模块进行开发,本文讨论如何用Maven构建多模块的Java工程. 软件环境 Java:1.6.0_26 Maven:3.1.1 OS:WindowXP SP3 项 ...