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

作者: 嗨_我是大鑫啊 | 来源:发表于2016-08-22 16:38 被阅读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官网搭建教程

    相关文章

      网友评论

        本文标题:iOS React-Native环境搭建(收集整理)

        本文链接:https://www.haomeiwen.com/subject/lbkalttx.html