1:安裝Homebrew
1.brew的安裝很簡單戳稽,使用一條ruby命令即可馆蠕,Mac系統(tǒng)上已經(jīng)默認(rèn)安裝了ruby。$ruby --version
2.使用命令 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
3. 安裝完成后可使用 brew -v 查看是否安裝成功
2:安裝 Node.js 4.0 或者更新的版本惊奇。下載雙擊安裝即可,安裝好之后互躬,npm 也有了。
3:安裝 watchman 和 flow
brew install watchman
brew install flow
4:建議
建議定期運行 brew update && brew upgrade 來使您的應(yīng)用程序保持最新狀態(tài)颂郎。
5:安裝Xcode 吼渡,可直接在app store 中下載
6:安裝安卓環(huán)境
1:安裝JDK ,并配置環(huán)境變量祖秒,不懂得可以百度下
2:使用 brew install android-sdk 來安裝安卓 SDK诞吱。
3:設(shè)置ANDROID_HOME 環(huán)境變量
A.如果.bash_profile 不存在, 使用命令窗口 進(jìn)入當(dāng)前用戶的home 目錄 cd ~竭缝;
B.使用 touch .bash_profile 創(chuàng)建文件;
C: open .bash_profile 編輯文件沼瘫,在彈出的頁面進(jìn)行編輯抬纸;
D:更新剛配置的環(huán)境變量 輸入source .bash_profile
4:設(shè)置SDK 環(huán)境變量在.bash_profile 文件中添加(換成你自己的sdk 安裝路徑)
export ANDROID_HOME=/usr/local/opt/android-sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
7:啟動一個新的 shell 并且運行 android ;根據(jù)下圖中 顯示的 installed 下載對應(yīng)的版本,你可以也選擇下載其他的版本
8: 點擊 "Install Packages".
9:使用命令安裝的貌似是新版的 sdk 目前是不支持安裝 HAXM 的耿戚,如下圖湿故,所以需要安裝點擊安裝HAXM 阿趁,下載完成后放在/usr/local/var/lib/android-sdk/extras/intel 下
10:使用安卓模擬器創(chuàng)建一個 Android 的虛擬設(shè)備 (AVD):
- 運行 android avd 并且點擊 Create...
2:選定該新的 AVD, 并且點擊 Start...
以上就是 ios android 環(huán)境的搭建安裝,下面開始使用官網(wǎng)給的demo 試著運行
1:初始化項目
1. npm install -g react-native-cli
react-native-cli 是完成剩余安裝的命令行工具坛猪。它是通過 npm 安裝的脖阵。這將會在你的終端里面安裝 react-native 這個命令行
2.react-native init AwesomeProject
這一條命令獲取 React Native 的源代碼和依賴包
2:運行AwesomeProject項目
IOS 項目 可以直接點擊AwesomeProject/iOS/AwesomeProject.xcodeproj 然后 在xcode 中運行,或者使用命令行運行也是可以的
android 項目運行 需要先下載 gradle,這里下載 gradle-2.4-all.zip 下載完成之后直接放在/Users/andy/.gradle/wrapper/dists/gradle-2.4-all/6r4uqcc6ovnq6ac6s0txzcpc0/
這是gradle 默認(rèn)安裝路徑墅茉,如果沒有可以選擇創(chuàng)建命黔,然后添加環(huán)境變量到 .bash_profile下
export GRADLE_HOME=/Users/andy/.gradle/wrapper/dists/gradle-2.4-all/6r4uqcc6ovnq6ac6s0txzcpc0/gradle-2.4
export PATH=${PATH}:/Users/andy/.gradle/wrapper/dists/gradle-2.4-all/6r4uqcc6ovnq6ac6s0txzcpc0/gradle-2.4/bin
3:使用命令進(jìn)入項目目錄cd AwesomeProject
4:react-native run-android 啟動安卓項目(啟動之前,需要先啟動安卓模擬器)就斤,啟動后會下載一些包悍募,可能會慢一點,最好全局配置淘寶鏡像
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist