博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
配置React Native环境
阅读量:6231 次
发布时间:2019-06-21

本文共 1762 字,大约阅读时间需要 5 分钟。

一. 安装:

  

    (多语言版本)简单明了地介绍了如何安装和使用这个工具,;并提供了自己的Wiki。

    brew的安装很简单,使用一条ruby命令即可,Mac系统上已经默认安装了ruby":

    等待一段时间后会出现

    Press RETURN to continue or any other key to abort

    敲回车后提示输入你的电脑密码:(输入密码的过程中终端不会有任何变化)

    输入密码后提示

    Downloading and installing Homebrew...

    继续耐心等待..

二. 安装:

    使用 Homebrew 来安装nvm,watchman 和 flow.(建议每次用Homebrew的时候先更新brew,命令:brew update )

 

    1,安装nvm:

    终端中输入:

    brew install nvm

    最后终端会提示

    大概意思就是如果没有.nvm文件的话就要创建一个,终端中输入

    mkdir ~/.nvm 

    就可以创建.nvm文件了

    ,然后去~/.bash_profile或者在shell的配置文件中配置如下内容:

    export NVM_DIR=~/.nvm

    source $(brew --prefix nvm)/nvm.sh

 

    具体操作如下

 

    先进入home目录: cd ~

    打开.bash_profileopen文件:

    open .bash_profile

    如果文件不存在 就创建一个

    touch .bash_profile 

   打开后把需要配置的内容复制进去然后保存退出

    现在NVM算是安装完成了.

2.使用NVM安装node.js

    终端输入命令:

    nvm install node && nvm alias default node

    注:如果顺利安装完成可跳过下面步骤,直接进入第三步,进入安装watchman和flow环节.

   

    nvm 默认是从下载的, 国外服务器, 必然很慢,

    好在 NVM 以及支持从镜像服务器下载包, 于是我们可以方便地从七牛的 node dist 镜像下载:

    $ NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/dist nvm install 0.11.11

    于是你就会看到一段非常快速进度条:

    ########################################################################         100.0%Nowusingnode v0.11.11

    如果你不想每次都输入环境变量NVM_NODEJS_ORG_MIRROR, 那么我建议你加入到.bashrc文件中:

    # nvmexportNVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/distsource~/git/nvm/nvm.sh

    接着终端输入命令:

    nvm install node && nvm alias default node

   如果使用NVM一直安装失败.可以尝试直接使用安装node: brew install node

三. 安装watchman和flow:

 

终端输入

brew install watchman

brew install flow

一切顺利

建议定期运行brew update && brew upgrade来使您的应用程序保持最新状态。

brew update && brew upgrade

 

三. 初始化项目:

首先安装Xcode6.3或更高版本.

完成后,终端执行

npm install -g react-native-cli

react-native-cli 是完成剩余安装的命令行工具。它是通过 npm 安装的。这将会在你的终端里面安装react-native这个命令行,你只需要做一次即可。

接着

react-native init AwesomeProject

这一条命令获取 React Native 的源代码和依赖包,然后在AwesomeProject/iOS/AwesomeProject.xcodeproj创建一个新的 Xcode 项目,并且在AwesomeProject/android/app下面创建一个 gradle 项目。

转载地址:http://xptna.baihongyu.com/

你可能感兴趣的文章
关于排序算法的理解(一)
查看>>
(第六天)DOM
查看>>
bootstrap-fileinput使用
查看>>
使用nginx搭建rtmp服务器
查看>>
setTimeout,setInterval你不知道的事
查看>>
Linux系统安装_Centos6.9
查看>>
RX系列一 | ReactiveX根源 | 观察者模式分析
查看>>
一些C++11语言新特性 - Uniform Initialization
查看>>
Redis高级实践之————Redis短连接性能优化
查看>>
CentOS 6.5 安装nginx 1.6.3
查看>>
48.3. 设置Apache实现防盗连
查看>>
项目管理、测试管理、代码bug 管理
查看>>
SAP物料主档关键栏位解释
查看>>
Nim教程【十二】
查看>>
第 30 章 Shell Terminal
查看>>
Data Guard实现故障自动切换(二)(r11笔记第39天)
查看>>
[20171211]ora-16014 11g.txt
查看>>
oracle的正则表达式
查看>>
这几天的两件趣事
查看>>
小块头大作用 新型低成本测距传感器适用于无人机
查看>>