Mac下安裝React Native
Node.js的安裝路徑 /usr/local/bin/node
npm的安裝路徑????? /usr/local/bin/npm
npm是Node.js中的一個(gè)命令行工具雅潭,執(zhí)行npm install主要作用在安裝第三方依賴包担平,依賴包的內(nèi)容在package.json里定義。相當(dāng)于Ubuntu Linux中的apt-get和Cent-OS的yum芒率。
檢測Node.js是否安裝成功
node -v??? 輸出Node.js版本號
node(加回車)console.log("Hello React Native");
二囤耳、安裝React Native
在Mac下推薦使用Homebrew,通過Homebre安裝watchman和flew偶芍。
安裝brew :終端上運(yùn)行 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
watchman:Facebook推出的文件改動監(jiān)聽器充择。
flew:Javascript靜態(tài)類型檢查器。
安裝watchman的命令:brew install watchman 匪蟀。
安裝flow的命令:brew install flow 椎麦。
用npm安裝react-native 命令行工具:sudo npm install -g react-native-cli 。
三材彪、創(chuàng)建react-native項(xiàng)目
創(chuàng)建項(xiàng)目命令:react-native init? 項(xiàng)目名稱
iOS App: 使用Xcode打開運(yùn)行或進(jìn)入項(xiàng)目根目錄執(zhí)行命令行react-native run-ios
按command+r可以刷新頁面
運(yùn)行iOS App需要修改AppDelegate.m文件中IP地址
jsCodeLocal=[NSUrl URLWithString:"IP/index.ios.bundle?plateform=ios&dev=true"];
Android App:使用Android Studio打開運(yùn)行或進(jìn)入項(xiàng)目根目錄執(zhí)行命令行react-native run-android
在項(xiàng)目根目錄下執(zhí)行命令行:adb shell input keyevent 82
快捷鍵fn+F2
如果在Android真機(jī)上運(yùn)行晃動手機(jī)會彈出操作菜單
菜單中 dev setting ——>debuging 下輸入IP
注意:react-native的服務(wù)默認(rèn)自動啟動观挎。如果沒有啟動,可以用命令行啟動段化。進(jìn)入react-native根目錄執(zhí)行react-native start 開啟服務(wù)嘁捷。
Windows下安裝React Native
一、下載Node.js和Python2并安裝
二显熏、Android Studio SDK (Android SDK build-tools? 23.0.1)
三雄嚣、設(shè)置npm環(huán)境變量,安裝React Native命令行:npm install -g react-native-cli
四喘蟆、初始化Android項(xiàng)目命令react-native init 項(xiàng)目名稱
五现诀、運(yùn)行Android項(xiàng)目命令cd 項(xiàng)目根目錄? react-native run-android