在Mac环境下安装React Native环境

来源:互联网 发布:本子软件 编辑:程序博客网 时间:2024/05/30 07:13




前提:Mac OS X操作系统
搭建步骤:
1、安装Homebrew
2、通过homebrew安装nvm和node.js
3、通过homebrew安装watchman和flow
4、通过npm安装React Native

以下所有的$ 代表是一行命令,直接复制即可,不需要复制$
安装过程:
一、打开终端,安装Homebrew
1、在浏览器打开[brew.sh](brew.sh)
复制 $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 这样一段代码在终端执行

2、安装完成之后再终端键入 $brew -v 可查看当前brew版本
如:Homebrew 0.9.9 (git revision 8e29; last commit 2016-08-28)

二、安装nvm
1、nvm是node.js的版本管理器
输入命令 $brew install nvm

2、配置nvm
如果看得懂提示的话,可以根据提示信息来配置,我这里是根据我的提示信息来安装的
配置nvm工作空间 $mkdir ~/.nvm
执行命令 $vim ~/.bash_profile

在bash_profile文件中添加一行代码 export NVM_DIR="$HOME/.nvm" . "(brew --prefix nvm)/nvm.sh",保存退出
在终端执行 $ source .bash_profile

 
等待编译完成,执行$nvm 查看安装是否成功

3、通过nvm安装node.js
终端输入$nvm install node && nvm alias default node,等待编译完成

4、安装完成
终端输入$node -v查看版本,我自己的是v6.5.0
输入npm -v 查看npm版本,我这里是3.10.3

三、通过brew安装watchman和flow
安装watchman  $brew install watchman
安装flow $brew install flow
很简单不多说

四、重头戏,使用npm安装React Native
执行$ npm install -g react-native-cli
等待安装过程 执行$ react-native
如果出现You did not pass any commands, did you mean to run `react-native init`?这样一段话,则说明react native安装



0 0
原创粉丝点击