react native 環境配置

1. 安裝Homebrew 
Homebrew主要用於安裝後面須要安裝的watchman、flow 
打開MAC的終端，輸入以下命令： 

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

通過漫長的等待後，安裝完成。

執行 brew doctor 命令。

 按enter鍵 ，繼續配置 。當你看到   ==>Installation successful!  那麼就安裝成功了

2.安裝nvm和nodejs 
nvm是用於nodejs版本管理的工具，用於安裝nodejs。 
對於nvm應該可使用brew直接安裝，可是我沒有用這個安裝，讀者能夠本身使用以下命令試試： 

brew install nvm 

我使用的另外一種方式，在終端中輸入以下的命令： 

brew install node . 該命令執行後，自動裝好node和npm 

這個用於安裝nodejs和npm。npm用於nodejs包依賴管理的工具。 

3. 安裝watchman 
watchman是用於監聽文件變化的工具，應該是用於監聽文件變化，而後界面作出響應。執行以下命令： 

brew install watchman 

4. 安裝flow 
flow我我的理解的是用於靜態分析js語法錯誤的工具，可以更早的js的語法錯誤。執行以下的命令： 

brew install flow 

到這裏基本的環境就配置好了，下面建立一個iOS的例子，在終端中將目錄切換到你保存工程的目錄，而後執行以下的命令：

$ npm install -g react-native-cli  
 $ react-native init AwesomeProject     
$ cd AwesomeProject/

1. 在git上下載，或者直接clone項目 React native

2. npm install -g react-native-cli 安裝命令行界面工具。

3. 在react-native的項目目錄下使用react-native命令行命令init初始化一個demo項目。react-native init DemoProject 
   初始化完成後，在DemoProject目錄下會看到DemoProject.xcodeproj文件，其中的index.ios.js就是控制項目的js文件，簡單的demo，主要界面和邏輯都是在這個js文件裏。

（  注意：安裝nvm

1）咱們使用Git把nvm給git下來

打開終端，複製黏貼  

git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`   

2）輸入 . ~/.nvm/nvm.sh 或者 soure ~/.nvm/nvm.sh  啓動nvm管理器

3）配置下nvm管理器，使咱們打開終端的時候自動啓動nvm

（1）、在終端輸入：

vi ~/.bashrc

（2）複製黏貼  

export NVM_DIR="$HOME/.nvm"

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

而後  esc退出編輯 ，shit +:  輸入   :wq!     回車

vi ~/.bashrc

3）vi ~/.profile （重複上一步操做)

4）nvm install node && nvm alias default node

等待安裝完成，安裝完成以後咱們就能夠經過npm來管理node了！

5）國內的網絡npm自帶的源真的卡出了翔，因此咱們要換成淘寶的源

npm install -g nrm

nrm use taobao

    Registry has beensetto: http://registry.npm.taobao.org/

這樣子咱們就換成了淘寶的源了

 

） 

 

3.建立項目

1）

npm install -g react-native-cli --verbose

2）在你本身建立的文件目錄裏快速生成一個RN項目

 

在桌面建立一個新的文件

react-native init 項目名稱 --verbose

 

注：

執行init時切記不要在前面加上sudo（不然新項目的目錄全部者會變爲root而不是當前用戶，致使一系列權限問題，請使用chown修復）。

 

3）

打開項目Project -> ios->項目Project.xcodeproj

 

 

com+R  啓動項目

注：可能nvm配置路徑問題，項目運行的時候可能會出現錯誤

解決方法：

在項目啓動中，cd 到AwesomeProject目錄下，執行

react-native start

（以前的版本是npm start 新的版本已經改爲了react-native start）

 

// --------------

1.初始化node

在終端中，定位到iOS項目的根目錄，運行
        npm init     而後一路回車便可

注意：node項目的命名不能使用大寫字母，因此指定name時輸入simple-native 後回車

 

執行完畢以後，在項目根目錄下生成了一個package.json文件，相似於CocoaPods的Podfile文件，用來管理項目依賴

 

2.安裝React Native

再項目根目錄下運行
npm install --save react-native

因爲國內的網絡問題，npm安裝比較緩慢，可使用淘寶npm鏡像替代

 

安裝完畢以後，根目錄下會生成node_modules文件夾，裏面保存了react和react-native的依賴--save參數會在package.json文件中保存react和react-native的依賴聲明

 

3.cocoapods

在項目根目錄下，運行
pod init

在項目根目錄下生成了Podfile，用任何編輯器打開，編寫React Native的依賴

(參考連接react native網：http://reactnative.cn/docs/0.35/getting-started.html#content    。        歡迎你們來提意見！！！)