iOS React-NativeReact Native开发经验集react-native开发

iOS React-Native环境搭建(收集整理)

2016-08-22  本文已影响90人  嗨_我是大鑫啊

1.我们需要安装Homebrew

Homebrew 是osx的套件(包)管理器,可以通过他获取更多的组件 

第一步:终端输入:


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

第二步:终端输入:

(2.1) brew install watchman

(2.2)brew install flow

(2.3)   brew update && brew upgrade

第三步:安装nvm

1)我们使用git把nvm给git下来

打开终端,复制黏贴到终端

git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

2)输入 . ~/.nvm/nvm.sh 或者 soure ~/.nvm/nvm.sh  启动nvm管理器

3)配置下nvm管理器,使我们打开终端的时候自动启动nvm

(1)、在终端输入:

vi ~/.bashrc

(2)复制黏贴

export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

然后命令输入

( Mac 电脑操作)先ctrl + c ,再输入         :wq!           回车

(3)vi ~/.profile (重复 步骤2 操作)

(4)nvm install node && nvm alias default node

因为我安装过了,所有打印说我已经安装过了,显示了我安装的版本号。。。。。。。

等待安装完成,安装完成之后我们就可以通过npm来管理node了!

(5)国内的网络npm自带的源真的卡出了翔,所以我们要换成淘宝的源

npm install -g nrm

nrm use taobao                  Registry has beensetto: http://registry.npm.taobao.org/

这样子我们就换成了淘宝的源了

4 、快速开始启动RN工程

1)npm install -g react-native-cli --verbose

2)在你自己创建的文件目录里快速生成一个RN项目

我这里在桌面创建了一个文件夹 BigXin-ReactNative文件夹,并且进入这个文件夹内

react-native init  (Project名字,随便写) --verbose

注:

1、执行init时切记不要在前面加上sudo(否则新项目的目录所有者会变为root而不是当前用户,导致一系列权限问题,请使用chown修复)。

2.如有安装不成功的:建议卸载 Homebrew

1. Homebrew 安装: 

ruby -e "$(curl -fsSkL raw.github.com/mxcl/homebrew/go)"

2、Homebrew 更新 

brew update

3、Homebrew  卸载:

cd `brew--prefix`

rm-rf Cellar

brew prune

rm `git ls-files`

rm-r Library/Homebrew Library/Aliases Library/Formula Library/Contributions

rm-rf .git

rm-rf~/Library/Caches/Homebrew

卸载Homebrew 参考地址

摘抄整理参考——>:react-native如何搭建开发环境

React-Native官网搭建教程

上一篇 下一篇

猜你喜欢

热点阅读