先声明一下,reactive native开发安卓,请先配置java环境和androidSDK环境变量###
无论搭建什么开发环境,官网无疑时最好的参考资料
https://facebook.github.io/react-native/
也可以参考中文网站
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
官网上并没有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 !就算大功告成了
总结一下,官网上面的引导教程还是有些坑的,可能facebook的开发人员觉得我们和他们一样牛逼,哈哈,我也是踩了坑,所以想总结一下,免得别人再入坑,毕竟,为了搭建环境浪费太多的时间不值得
网友评论