不仅仅是一个人
只争朝夕,只因有你,李内涵伴你一路成长。

基于ubuntu 16 X64系统的react native环境部署教程(折腾记)

网上的教程很多,但是都不是我要的。

这个教程虽然是结合前辈的文章参考,但是如果你根据我这个来的话基本不走坑了。

按顺序来走,系统的下载和安装我就不多说了。

下载地址:

Ubuntu 16.04.3 X64

Ubuntu 16.04.3 X32


安装好系统我们用终端执行下面的命令

下载java包

sudo add-apt-repository ppa:webupd8team/java

下载gradle包(gradle要不要都行/开启Gradle Daemon可以极大地提升java代码的增量编译速度。)

sudo add-apt-repository ppa:cwchien/gradle

下载G++和Gcc包

sudo add-apt-repository ppa:ubuntu-toolchain-r/test

下载RabbitVCS

sudo add-apt-repository ppa:rabbitvcs/ppa

上面命令执行完毕后执行下面的命令

sudo  apt-get update

安装常用工具和依赖

sudo apt-get install axel git autoconf curl gcc g++ npm automake python-dev python3-dev npm gradle nodejs-legacy oracle-java8-installer

如果你不用RabbitVCS就用上面的否则用下面的

sudo apt-get install axel git curl autoconf libcurl3 libcurl3-dev php5-curl gcc g++ screen automake python-dev python3-dev python-nautilus python-configobj python-gtk2 python-glade2 python-svn python-dbus python-dulwich subversion meld rabbitvcs-cli rabbitvcs-core rabbitvcs-gedit rabbitvcs-nautilus3 oracle-java8-installer 

如果安装了RabbitVCS,重启后若未生效,请执行如下命令

nautilus -q

执行了上面的命令后,睡一觉继续执行下面的命令

如果报错执行下面的命令:/usr/bin/dpkg returned an error code (1)

cd /var/lib/dpkg
sudo mv info info.bak
sudo mkdir info
sudo fc-cache -fv 2>&1 | grep failed | cut -f1 -d":" | xargs -i sudo touch {} && sudo fc-cache -fv
sudo  apt-get update

安装JDK

sudo apt-get install oracle-java8-installer
echo oracle-java8-installer shared/accepted-oracle-license-v1-1 select true | sudo /usr/bin/debconf-set-selections
sudo update-java-alternatives -s java-8-oracle 

安装JRE和JDK(非必要如果安装了JDK,就不要安装这个了)

sudo apt-get install default-jre
sudo apt-get install default-jdk

安装nodejs

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

安装React Native

sudo npm install -g react-native-cli

安装Watchman

git clone https://github.com/facebook/watchman.git
cd watchman
git checkout v4.7.0
./autogen.sh
./configure
make
sudo make install

安装Flow

sudo npm install -g flow-bin

安装atom编辑器 启动命令:atom

wget https://atom-installer.github.com/v1.19.7/atom-amd64.deb?s=1504811612&ext=.deb

axel -n 30 https://atom-installer.github.com/v1.19.7/atom-amd64.deb?s=1504811612&ext=.deb
sudo dpkg --install atom-amd64.deb

 

下载Sdk

axel -n 20 http://dl.google.com/android/android-sdk_r24.4.1-linux.tgz

配置jdk和sdk

sudo gedit ~/.bashrc

将一下内容粘贴到文档最底部 *目录/usr/lib/jvm/java-8-oracle  别盲目复制粘贴

#set oracle jdk environment
export JAVA_HOME=/usr/lib/jvm/java-8-oracle  ## 这里要注意目录要换成自己解压的jdk 目录
export JRE_HOME=${JAVA_HOME}/jre  
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib  
export PATH=${JAVA_HOME}/bin:$PATH 

这里是Sdk *目录 /home/用户名/自定义目录/android-sdk-linux   别盲目复制粘贴

# Android SDK
export ANDROID_SDK=/home/god/Android/android-sdk-linux
export PATH=$PATH:$ANDROID_SDK/platform-tools:$ANDROID_SDK/tools

配置完成后 刷新环境变量

source ~/.bashrc

执行完重启下电脑吧。

查看Gradle版本和是否安装成功

gradle -v

查看JDK版本和是否安装成功

java -version

查看nodejs版本和是否安装成功

node -v

查看watchman版本和是否安装成功

watchman -v

查看react-native版本和是否安装成功

react-native -v

创建react-native项目

react-native init 项目名称

运行项目

react-native start

编译项目包

react-native run-android

创建模拟器命令 android ,打开模拟器命令 android avd


预留补充….


注意* 如果软件有更新,请将软件版本更换,如果遇到坑可加我QQ或者网站留言,点击这里直接登录

未经允许不得转载:李内涵 » 基于ubuntu 16 X64系统的react native环境部署教程(折腾记)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!