在Mac环境下安装React Native环境
2016-09-04 08:38
344 查看
前提: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安装
搭建步骤:
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安装
相关文章推荐
- React Native MAC下环境配置安装
- Mac环境下react native环境安装与配置
- 安装React Native开发环境 (基于mac)
- MAC下安装React Native环境。
- iOS ReactNative环境配置搭建安装React-Native遇到的问题
- 在window下react-native环境安装
- 安装Mac版ReactNative傻瓜教程
- react-native:环境安装
- React Native学习笔记(一)Mac OS X下React Native的环境搭建
- react-native学习之环境安装
- windows下react-native android环境安装
- Mac下安装React Native
- React Native Mac环境搭建
- 史上最详细Windows版本搭建安装React Native环境配置
- Windows搭建安装React Native环境配置
- React Native--01 Mac下React Native 环境的配置
- React-Native——RN环境安装
- 在MAC下配置React-Native开发环境
- Mac安装ReactNative