1. 程式人生 > >React Native 開發環境安裝和配置

React Native 開發環境安裝和配置

要進行Rect Native 開發你需要安裝如下工具,

homebrew,nvm,watchman ,flownode.js.

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

這樣配置之後,在Terminal輸入nvm命令還是提示command not found,需要再次輸入:

. ~/.nvm/nvm.sh

啟用nvm。

基於Chrome V8 JavaScript引擎實現的一個JavaScript執行時,可用於方便地搭建響應速度快、易於擴充套件的網路應用。Node.js 使用事件驅動, 非阻塞I/O 模型而得以輕量和高效,非常適合在分散式裝置上執行的資料密集型的實時應用。通過nvm安裝Node.js的命令如下:

nvm install node && nvm alias default node

不過可能由於網路或者服務不穩定,實際上使用這個命令安裝可能會失敗,就算成功也會花費較長的時間,因此建議到Node.js官網去直接下載pkg包:

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工程。

--------------------- 本文來自 lan_hz007 的CSDN 部落格 ,全文地址請點選:https://blog.csdn.net/lan_hz007/article/details/49619401?utm_source=copy