React Native环境搭建与安装

作者: lyonLiu | 来源:发表于2016-08-04 00:42 被阅读211次

    屁话大家可忽略


    近期想学习使用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
    

    相关文章

      网友评论

        本文标题:React Native环境搭建与安装

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