先聲明一下,reactive native開發(fā)安卓孕豹,請先配置java環(huán)境和androidSDK環(huán)境變量###
無論搭建什么開發(fā)環(huán)境集嵌,官網(wǎng)無疑時最好的參考資料
https://facebook.github.io/react-native/
也可以參考中文網(wǎng)站
http://reactnative.cn/
步驟基本一樣,但是更新沒那么及時
點擊Get Started with Reactive Native
進入引導頁
http://facebook.github.io/react-native/docs/getting-started.html#content
首先由于要使用 npm喳瓣,所以先安裝 npm
在linux中使用命令行是很方便的
sudo apt-get install -y build-essential
curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo ln -s /usr/bin/nodejs /usr/bin/node
然后使用npm安裝 React Native命令行工具(react-native-cli)
sudo npm install -g react-native-cli
官網(wǎng)上并沒有sudo 乍炉,這里時為了獲得權限
然后绢片,facebook推薦安裝watchman
git clone https://github.com/facebook/watchman.git
cd watchman
git checkout v4.7.0 # the latest stable release
sudo apt-get install -y autoconf automake build-essential python-dev
./autogen.sh
./configure
make
sudo make install
然后使用react-native命令,用usb線鏈接上手機
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
等一下手機上就安裝上了reactive-native的apk
然后長按多任務鍵岛琼,進入Dev Settings,設置Debug Server Host為電腦的ip和端口為8081
如果還無法連接到服務器底循,
那就手動開啟
react-native start
長按多任務鍵,Reload 就可以按到welcome to reactive native !就算大功告成了
總結一下槐瑞,官網(wǎng)上面的引導教程還是有些坑的熙涤,可能facebook的開發(fā)人員覺得我們和他們一樣牛逼,哈哈,我也是踩了坑灭袁,所以想總結一下猬错,免得別人再入坑,畢竟茸歧,為了搭建環(huán)境浪費太多的時間不值得