React Native 之 安装配置

本贴最后更新于 2883 天前,其中的信息可能已经时移世改

前言:


  • 2015 年 3 月 React Native for iOS 发布,同年 9 月 React Native for Android 发布,React Native 真正的可以实现了跨平台开发,代码多端复用,实时热部署.
  • ReactNative 需要安装配置很多依赖的工具,相对比较麻烦。所以这里主要环境的配置问题.

环境配置


1.Homebrew

  • 1.在终端输入命令 brew -v,查看之前是否安装过.
    如果安装过如下显示:

Snip20161014_5.png

  • 1.1,如果之前安装过最好在终端输入命令升级一下 brew update,因为如果版本低,可能会影响后续软件的安装.
  • 2.如果没有安装在终端输入命令进行安装
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • 2.1 再在终端输入命令 brew -v 查看如果有了版本号就说明安装成功

HomeBrew 官网

2.Node.js

  • 1.Node.js 安装需要首先安装 nvm,有两种方式

  • 1)在终端输入命令:
    $ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.25.2/install.sh | bash

  • 2)利用 Homebrew,在终端输入命令:
    brew install nvm

  • 2.安装 Node.js,有两种方式

  • 1)在终端输入命令:
    nvm install node && nvm alias default node

  • 2)下载安装包安装:
    下载地址

  • 3.在终端分别输入命令 node -vnpm -v,如果显示下图表示安装成功

Snip20161014_6.png

3.安装 watchmanflow

  • 1.安装 watchman,在终端输入 brew install watchman,显示下图安装成功

Snip20161014_7.png

  • 2.安装 flow,在终端输入 brew install flow,显示下图安装成功

Snip20161014_8.png

4.安装 React-Native

  • 终端输入命令 npm install -g react-native-cli
    如果显示失败显示下图,说明没有权限:

Snip20161014_9.png

  • 那么在终端输入命令 sudo npm install -g react-native-cli 获取权限安装
    这个过程需要输入密码获取权限,如果显示下图则安装成功

Snip20161014_10.png

相关文章链接:
React Native: 配置和起步
React Native 开发环境配置

  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 384 关注
  • 跨平台
    8 引用 • 12 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...