React Native环境搭建与安装
屁话大家可忽略
近期想学习使用React Native来写应用,首先第一步肯定是环境的搭建跟React Native的安装了,在网上找了很多教程,但是在搭建过程中还是出现了部分问题,写这篇文章一部分是为了给自己做个笔记,预防自己忘记的时候也可以查阅,也把自己遇到的问题分享出来供大家参考。
环境搭建目前使用 React Native 开发**只能在 Mac 系统** 上进行
1>>>> Xcode 6.4以上
** 2**>>>> 安装Homebrew
3>>>> 安装nvm ** Node.js的版本管理器,可以轻松安装各个版本的Node.js版本
也可以忽略,直接下载Node.js
4>>>> 安装Node.js4.0或者更高版本,安装完Node后,自动附带下载npm
5>>>> ** 辅助工具 watctman 、flow
安装Homebrew
Homebrew介绍:
Homebrew简称brew,是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件,可以说Homebrew就是Mac下的apt-getRed hat
、yumUbuntu
神器
Homebrew的安装:
打开终端,复制、粘贴以下命令,回车即可(官方安装方法):
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
** 译注:**
在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local
目录不可写的权限问题。可以使用下面的命令修复:
sudo chown -R `whoami` /usr/local
Homebrew的使用
Homebrew使用没啥好说的了,常用的
搜索软件:brew search 软件名,如brew search wget
安装软件:brew install 软件名,如brew install wget
卸载软件:brew remove 软件名,如brew remove wget
更多的?自己去官网挖吧 **
安装Node.js 命令行中前面的$号不输入
**方式一 **通过nvm安装Node.js
// 安装nvm
$ brew install nvm
// 激活nvm
$ source ~/.nvm/nvm.sh
// 安装Node.js
nvm install node && nvm alias default node
// 安装完成后,切换到该版本
$ nvm use node
方式二通过brew安装Node.js
$ brew install node
Tips:安装完nvm后,输入关于nvm的命令,比如:nvm help,都会显示找不到命令,应该是没有激活的原因
解决方法
安装Watchman
Watchman 是 facebook 的一个开源项目,它开源用来监视文件并且记录文件的改动情况,当文件变更它可以触发一些操作,例如执行一些命令等等。
brew install watchman
安装过程中出现的错误解决方法,没有出现就跳过该步骤
安装flowflow用于类型检查
flow是一个JavaScript的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误
brew install flow
安装React Native安装过程有点漫长,慢慢等,我夸张的时候等了1-2个小时
npm install -g react-native-cli
如果你看到EACCES: permission denied
这样的权限报错,那么请参照上文的homebrew译注,修复/usr/local,下列二选其一
// 修改文件夹权限
sudo chown -R `whoami` /usr/local
或者
// 输入命令行后,输入本机密码
sudo npm install -g react-native-cli
附:由于是国外镜像,所以安装时间经常会很长的话。如果想要快一点的话,可以换成国内的淘宝镜像,
注意:两个命令逐一执行,缺一不可
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist