React Native Mac配置指南

Posted 2020-09-27 cynchanpin

步骤

• http://facebook.github.io/react-native/docs/getting-started.html#content
  

依照React Native官网步骤一步步安装，记录例如以下

1.安装Homebrew （依照官网 在命令终端输入命令就可以）

2.安装nvm（node version manager），即Node.js的安装下载器。

（1）命令终端->git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 —tags`(因为.nvm在文件夹视图下是不合法的命名方式。所以文件夹视图看不到该文件夹。仅仅可以在命令行下进入)

（2）为Mac系统指明nvm.sh的位置

命令终端->source ~/.nvm/nvm.sh 或 . ~/.nvm/nvm.sh。

（3）加入系统文件夹nvm

为避免每次都要指明nvm.sh的位置能够为命令终端加入启动配置

*配置~/.profile

命令终端->touch ~/.profile

open -e !$

将会打开profile文件，加入

export NVM_DIR="$HOME/.nvm"

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

*配置~/.bashrc（可不配置？）

步骤同上

3.安装Node.js

既然上一步已经安装好了nvm，如今就能够通过nvm安装最新版的Node.js了。

命令终端->nvm install node && nvm alias default node

4.依照官网步骤。在命令终端一次输入命令，安装watchman, flow

（1）命令终端->brew install watchman

(2)命令终端->brew install flow

5.安装React Navtive client

命令终端->npm install -g react-native-cli （npm: Node Package Manager）

6.Quick Start

OK!如今已经全然配置好了React Native，如今就能够用Native生成实例程序了！

命令终端->react-native init project名字

React Native就会在你的用户根文件夹下生成对应的project。并包括简单的代码实现。