React Native 开发环境安装和配置

要进行Rect Native 开发你需要安装如下工具，

homebrew,nvm，watchman ，flow和node.js.

 

1 安装homebrew 

Homebrew是一个方便开发者在MAC OS X系统上面安装Linux工具包的ruby脚本，而MAC OS X已经内置了ruby的解释环境，因此安装Homebrew只需执行以下脚本：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

 

如果Homebrew安装失败，安装失败, 执行以下脚本卸载，

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

报错：Failed to locate Homebrew!

可通过执行

sudo rm -rf /usr/local/.git rm -rf Library .git .gitignore bin/brew README.md share/man/man1/brew rm -rf ~/Library/Caches/Homebrew

将旧的目录删除  再重新安装。  执行 

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

 

2    homwbrew 安装nvm 

Node版本管理器，是一个简单的bash脚本，用来管理同一台电脑上的多个node.js版本，并可实现方便的版本间切换。我们可以使用Homebrew来安装nvm：

brew install nvm

然后打开.bashrc文件

vim $HOME/.bashrc

添加如下配置：

export NVM_DIR="$HOME/.nvm"

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

当然也可以选择官方的安装方法，就不用自己手动写.bashrc文件了：

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

或者

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

这两个链接可能会由于github上版本的改变而有所变化，因此执行的时候要对比https://github.com/creationix/nvm/blob/master/README.md

这样配置之后，在Terminal输入nvm命令还是提示command not found，需要再次输入：

. ~/.nvm/nvm.sh

激活nvm。

 

关闭终端后重新打开，输入nvm可能回出现command not found，这是因为缺少bash_profile文件，bash_profile文件的编辑如下

1、创建 .bash_profile

（1） 启动终端

 （2） 进入当前用户的home目录(默认就是)： 
        cd ~   或 cd /Users/YourMacUserName  

 （3）输入touch .bash_profile

2、查看 、编辑 .bash_profile 文件

 （1）终端输入 open -e .bash_profile 
   （如果只是查看，直接使用open .bash_profile）

 （2）编辑

 （3）关闭即可保存修改

3、更新刚配置的环境变量

  输入source .bash_profile

--------------------- 本文来自 huxinguang002 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/huxinguang_ios/article/details/78709428?utm_source=copy

3  安装 node.js

基于Chrome V8 JavaScript引擎实现的一个JavaScript运行时，可用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时应用。通过nvm安装Node.js的命令如下：

nvm install node && nvm alias default node

不过可能由于网络或者服务不稳定，实际上使用这个命令安装可能会失败，就算成功也会花费较长的时间，因此建议到Node.js官网去直接下载pkg包：

4  安装watchman

Facebook 开源的一个文件监控服务，用来监视文件并且记录文件的改动情况，当文件变更它可以触发一些操作，例如执行一些命令等等。安装watchman，是为了规避node文件监控的一个bug，安装很简单，脚本如下：

brew install watchman

 

5 安装 flow

Facebook 出品的一个用于 JavaScript 代码静态类型检查的工具，用于找出 JavaScript 代码中的类型错误。Flow 采用 OCaml 语言开发。安装脚本如下：

brew install flow

安装完成之后，可以执行如下命令更新 Homebrew 的信息，并升级所有可以升级的软件：

brew update && brew upgrade

React Native工程配置

安装react-native

npm install -g react-native-cli

在Terminal中运行以上脚本，成功后，就可以在Terminal中使用react-native这个命令了，这个脚本只需执行一次。

生成工程

react-native init AwesomeProject

在Terminal中执行以上脚本，它会下载React Native工程源码和依赖，并在AwesomeProject/iOS/AwesomeProject.xcodeproj目录中创建XCode工程，在AwesomeProject/android/app创建Android Studio工程。

//推荐博客 https://www.jianshu.com/p/fa0874be0827/

 

 

--------------------- 本文来自 lan_hz007 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/lan_hz007/article/details/49619401?utm_source=copy