Ubuntu14.04搭建React Native for Android开发环境[完整版]
reactnative吧
全部回复
仅看楼主
level 6
0莫小七0 楼主
(不能算是完全原创,但是都是自己学习过之后总结的)
2016年01月12日 08点01分 1
level 6
0莫小七0 楼主
所需环境:
adt-bundle-linux.tar.gz ->AndroidSDK
genymotion-2.6.0-linux_x64.bin ->安卓模拟器
jdk-8u65-linux-x64.tar.gz ->JAVASDK
node-v5.3.0-linux-x64.tar.gz ->用来下载react-active
virtualbox-5.0_5.0.12-104815-Ubuntu-trusty_amd64.deb ->vbox,用来允许虚拟安卓系统
watchman-master.zip ->用来监视文件并且记录文件的改动情况,当文件变更它可以触发一些操作,例如执行一些命令等等。
2016年01月12日 08点01分 2
由于时间过久,此教程不保证可行性
2016年10月08日 02点10分
level 6
0莫小七0 楼主
安装JAVA环境
tar zxvf jdk-8u65-linux-x64.tar.gz
sudo vi /etc/profile 在尾部添加如下代码(不懂可百度如何安装JAVAJDK,版本和我这对上就i行)
export JAVA_HOME=/具体路径自己设置/jdk1.8.0_65
export JRE_HOME=${JAVA_HOME}/jre (此条直接复制)
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib (此条直接复制)
export PATH=${JAVA_HOME}/bin:$PATH (此条直接复制)
2016年01月12日 08点01分 3
level 6
0莫小七0 楼主
2.安装Node环境
tar zxvf node-v5.3.0-linux-x64.tar.gz
sudo vi /etc/profile
export NODE_HOME=/自己放路径(放在普通用户目录下,涉及到文件夹的修改)/node-v5.3.0-linux-x64 export PATH=$PATH:$NODE_HOME/bin (此条直接复制)
export NODE_PATH=$NODE_HOME/lib/node_modules (此条直接复制)
2016年01月12日 08点01分 4
node不能放在你的用户没有访问权限的目录
2016年01月12日 08点01分
level 6
0莫小七0 楼主
3.配置AndroidSDK
tar zxvf adt-bundle-linux.tar.gz 把解压后adt-bundle-linux,移到~用户目录下
sudo vi /etc/.profile (将以下代码修改并添加到/etc/.profile中)
export PATH=$PATH:/你的解压后的目录/adt-bundle-linux/sdk/platform-tools:/你的解压后的目录/adt-bundle-linux/sdk/tools
#react-native run-android会找此变量ANDROID_HOME
export ANDROID_HOME=/你的解压后的目录/adt-bundle-linux/sdk export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/build-tools (此条直接复制)
export USE_GLOBAL_ADK=/你的解压后的目录/adt-bundle-linux/sdk
2016年01月12日 08点01分 5
level 6
0莫小七0 楼主
*********************************************************************************************************
******************上述环境配置完成后,重启电脑(必须的,别问为什么)*************************
*********************************************************************************************************
2016年01月12日 08点01分 6
有些吧友可能偷懒,只是source .profile(这是不行的,因为你重启是为了安装的npm生效,如果只是source是不能生效的,接下来会谈到,这步大家老老实实重启[怒])
2016年01月12日 08点01分
level 6
0莫小七0 楼主
重启之后, 安装watchman监视器
unzip watchman-master.zip
cd watchman
sudo apt-get install python-dev (所需的环境)
sudo apt-get install autoconf (所需的环境)
./autogen.sh
./configure
make
sudo make install
2016年01月12日 08点01分 7
这不要改下配置文件(监视的文件数超过了设置)
2016年01月22日 10点01分
sudo vi /etc/sysctl.conf
2016年01月22日 10点01分
在末尾添加下面三行配置,然后重启 fs.inotify.max_user_watches=999999 fs.inotify.max_user_instances=999999 fs.inotify.max_user_events=1638400
2016年01月22日 10点01分
这坑爹的。。。不给我换行,,,每个fs开头的是一行×××××××××××××××××
2016年01月22日 10点01分
level 6
0莫小七0 楼主
安装react-native
(刚才重启就是为了这步,因为要用到npm,如果你只是source .profile的话是没有npm这个软件的,而有的人顺手,看到没有npm就直接apt-get install, 这是万万不可的,你apt-get的版本过低,不信的可以去试试.总之,重启之后就有npm了,版本号为 3.3.12(貌似是这个,忘记了))
执行如下命令:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
npm install -g react-native-cli
2016年01月12日 08点01分 8
level 6
0莫小七0 楼主
安装virtualbox虚拟机
因为genymotion镜像需要用到此软件
sudo dpkg -i virtualbox-5.0_5.0.12-104815-Ubuntu-trusty_amd64.deb
# 安装时报错,执行下面命令,下载所需的依赖软件
sudo apt-get install -f
# 重新执行安装命令
sudo dpkg -i virtualbox-5.0_5.0.12-104815-Ubuntu-trusty_amd64.deb
2016年01月12日 08点01分 9
此步有坑,你先继续往下装,流程走完后回来设置,我在下调回复说
2016年01月12日 08点01分
如果你的Ubuntu安装在虚拟机中,需要先关闭Ubuntu并在vmware中开启Ubuntu的虚拟化,这样才能正常跑,好像在设置中,自己找把
2016年01月12日 08点01分
下一步装好虚拟安卓系统之后,virtualbox中会有相应的系统,默认设置都是过大的,你需要自己设置虚拟安卓的内存大小和处理器个数,然后把网络连接方式设置为NET(有两个NET选项,选字多的那个,码字的时候没开虚拟机)
2016年01月12日 08点01分
level 6
0莫小七0 楼主
安装genmotion(安卓模拟器,这是FaceBook推荐的,反正我安的这个,大家可以尝试别的,但是出问题别找我,不会)
chmod 777 genymotion-2.6.0-linux_x64.bin./genymotion-2.6.0-linux_x64.bin
# 在ubuntu 已安装软件里启动genymotion,并锁定到测边栏里---------然后到官网注册
# https://www.genymotion.com/
# 启动genymotion,在settings里登录账号
# add添加一个新的虚拟机镜像,统一选择Nexus5X API23(1080x1920)
# 安装镜像后,start启动镜像 (先别start,去楼上看virtuabox中的回复)
#开发时,需开启wifi模式(最好关闭移动数据,免得混乱),否则调试时无法加载JS(切记)**********************************
2016年01月12日 08点01分 10
level 6
0莫小七0 楼主
*********************************************************************************************************
******************执行完以上步骤环境基本搭建好了,大家可以先启动*************************
******************下虚拟机看是否能正常运行,不能运行的在此楼留言*************************
*********************************************************************************************************
2016年01月12日 08点01分 11
level 6
0莫小七0 楼主
将手机调整为飞行模式并连上主机wifi
打开你创建的APP,点击侧边栏中的menu,然后点 Dev Settings设置连接你的Ubuntu主机,
下图中地址为Ubuntu的IP,端口统一为8081
2016年01月12日 08点01分 14
level 6
0莫小七0 楼主
如果你看到如下图片,那就证明你成功了,接下来就可以愉快的进行开发了
2016年01月12日 08点01分 16
level 6
之前我是看这边进行搭建环境的
http://www.lcode.org/react-native/
2016年04月26日 00点04分 17
level 7
写的不错,总结的挺好,帮你暖下帖,继续加油。
---贴吧极速版 For UWP
2016年05月10日 17点05分 19
1 2 尾页