?React Native 開發環境安裝和配置、創建demo

A、首先要進行Rect Native 開發你需要安裝如下5個工具,homebrew、nvm、watchman、flow 、node.js.

B、本人ios開發,前提需要一臺Mac(OSX),在Mac上安裝Xcode,建議Xcode 7 以上版本

安裝命令:

1、安裝Homebrew

【OS X已經內置了ruby的解釋環境】執行以下腳本:

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

【如果Homebrew安裝失敗,安裝失敗,執行以下腳本卸載:/usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/uninstall)"? ;將舊的目錄刪除:sudo rm -rf /usr/local/.Gitrm -rf Library .git .gitignore bin/brew README.md share/man/man1/brew rm -rf ~/Library/Caches/Homebrew ;再重新安裝】

2、安裝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

【輸入” i “ 開始編輯,按‘ esc ’退出編輯,輸入“ :wq”保存退出】

這樣配置之后,在Terminal輸入nvm命令還是提示command not found,需要再次輸入激活nvm,找到目錄下的nvm.sh(命令前一個點):

. $HOME/nvm/nvm.sh

3、安裝node.js

nvm install node && nvm alias default node

【也可以到Node.js官網去直接下載pkg包安裝】

4、安裝watchman

brew install watchman

5、安裝 flow

brew install flow

【安裝完成之后,可以執行如下命令更新 Homebrew的信息,并升級所有可以升級的軟件: brew update && brew upgrade】

6、安裝react-native

sudo npm install -g react-native-cli

【回車提示輸入電腦密碼,再回車】

7、創建demo 顯示 helloworld

切換到項目存放目錄: /Users/...

cd /Users/...

開始創建TestProject:

react-native init TestProject

【等待一段時間,創建完成后,進入項目ios文件夾,打開工程運行即可,至此環境配置完成,并可使用】

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容