ubuntu 搭建 reactive native 开发环境

先声明一下,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的开发人员觉得我们和他们一样牛逼,哈哈,我也是踩了坑,所以想总结一下,免得别人再入坑,毕竟,为了搭建环境浪费太多的时间不值得

你可能感兴趣的:(ubuntu 搭建 reactive native 开发环境)