React-Native入門

標籤：init   成功   原因   平台   cli   安裝包   react   配置   word   

 一、環境配置：(1). 安裝最新版的XCode，建議是XCode7.1及以上版本。（PS: 如果不是最新版，可能在之後建立項目的時候，會編譯通不過。小編就是之前沒把XCode升級到最新版，然後被一個編譯問題困擾了很久。）(2). 安裝HomeBlew（OS系統上的一個安裝包管理器，安裝後可以方便後續安裝包的安裝。）終端命令：

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

(3). 安裝Node.js （服務端的JavaScript運行環境）：https://nodejs.org/download/成功安裝後，終端會有如下提示資訊：

Node.js was installed at: /usr/local/bin/node ?npm was installed at: /usr/local/bin/npm ?Make sure that /usr/local/bin is in your $PATH.

(4). 建議安裝WatchMan（React修改source檔案的一個工具）終端命令： 

brew install watchman

(5). 安裝Flow: 一個JavaScript 的靜態類型檢查器。終端命令：

brew install flow

(6). 安裝React Native CLI: 用來開發React Native的命令列工具終端命令：

sudo npm install -g react-native

裝好了環境，就可以愉快的玩耍起來了。 或者也可以這樣操作：

1. brew install nvm （nvm 比npm速度快一些，不過我沒什麼感覺，它和npm使用方式基本一樣）
2. brew install watchman （React修改source檔案的一個工具）
3. brew install flow （js指令碼的類型檢查器）
4. sudo npm install -g react-native-cli （開始安裝react-native）

react-native的基本使用

1. react-native init myApp (建立名為myMpp的項目，需要很長一會時間，不過可能也是網速的原因，在這裡，它會在myApp的並行目錄產生一個node_mobiles的目錄，裡面會有很多的支撐檔案，不要隨意改動就哦了)
2. cd myApp （切入到項目目錄）
3. react-native run-android （運行android）

react-native 會直接產生android和iOS，所以不需要添加平台。

React-Native入門