react native搭建环境整理

搭建开发环境

1) 安装Homebrew

访问brew.sh

打开MAC的终端,输入如下命令:

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

安装Homebrew 看到 Run `brew help` to get started

就可以使用brew命令安装相关的配置

brew -v 命令 可看安装好的版本

安装nvm  nvm是用于nodejs版本管理的工具

打开MAC的终端,输入如下命令:brew install nvm

根据终端里面的提示执行3个步骤的命令

最后输入命令  nvm 就会显示相关的帮助信息,代表安装成功了

另一种方式,在终端中输入如下的命令:

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

之后需要在~/.bashrc, ~/.profile, ~/.zshrc文件中(如果没有自己创建 在终端用 touch  命令新建文件),添加如下的一行语句:

. ~/.nvm/nvm.sh

这样就能够在任意的终端中使用nvm命令了。

2) 安装node.js 和 npm

MAC的终端,输入如下命令:

nvm install node && nvm alias default node

然后根据终端里面提示执行命令(run后面提示的命令) ,没有提示就不需要执行 

node -v   看版本

npm -v  看版本 

3) 通过Homebrew安装watchman和flow

watchman应该是用于监听文件变化,然后界面做出响应。执行如下命令:

brew install watchman

然后根据终端里面提示执行命令(run后面提示的命令) ,没有提示就不需要执行

4) 通过npm安装react-native

MAC的终端,输入如下命令:

react-native

You did not pass any commands, did you mean to run `react-native init`?

代表载入成功

遇到问题

1)Homebrew安装时”-bash:brew:command not found”

1.打开终端获取管理员权限

2.跳转至/etc下修改profile文件

3.用vim打开,在profile文件最后添加如下语句:

PATH=“.;$PATH:/usr/local/bin”

注意,若以前修改过该文件,或者PATH中已有多个路径,只需在后面添加即可,使用:隔开。

4.好了,保存退出后,再次键入brew命令,有惊喜发生!

2)安装node时候,显示“-bash: brew: command not found”

因为没安装Homebrew

新建项目

(1)创建一个空项目命令:

1)npm install -g react-native-cli

react-native-cli 是完成剩余安装的命令行工具。它是通过 npm 安装的。这将会在你的终端里面安装react-native这个命令行,只需要做一次即可。

2)react-native init HelloWorld

项目创建如果慢的话,可以编辑 ~/.npmrc (如果没有就自己创建 在终端用 touch  命令新建文件)加入下面内容后重启终端再创建项目

registry=https://registry.npm.taobao.org (只要设置一次,以后会自动关联到这个镜像)

(2)找到创建的HelloWorld项目,双击HelloWorld.xcodeproj即可在xcode中打开项目。xcodeproj是xcode的项目文件。

(3)在xcode中,使用快捷键cmd + R即可启动项目。基本的Xcode功能可以熟悉,比如模拟器的选择等。

启动完成后,你会看到React-Packger和iOS模拟器

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

推荐阅读更多精彩内容