美文网首页
react-native linux 开发环境配置

react-native linux 开发环境配置

作者: 林晨chris | 来源:发表于2016-05-05 17:11 被阅读1282次

<h2>Table of Contents</h2>
<ul>
<li><a href="#orgheadline4">1. oracle JDK 安装</a>
<ul>
<li><a href="#orgheadline1">1.1. 下载oracle JDK, 解压到 =/usr/lib/jvm=</a></li>
<li><a href="#orgheadline2">1.2. 修改 .bashrc</a></li>
<li><a href="#orgheadline3">1.3. 如果之前安装过openJDK, 要替换一下</a></li></ul></li>
<li><a href="#orgheadline5">2. android JDK 安装 (翻 lantern 墙环境)</a></li>
<li><a href="#orgheadline6">3. 安装node,npm,watchman,flow</a></li>
<li><a href="#orgheadline8">4. 安装React Native</a><ul>
<li><a href="#orgheadline7">4.1. 连接android手机</a></li></ul></li>
<li><a href="#orgheadline9">5. 运行测试程序AwesomeProject</a></li></ul></div></div>

转自我的GitHub博客
如果你觉得还不错,欢迎点赞.

oracle JDK 安装<a id="orgheadline4"></a>

下载oracle JDK, 解压到 =/usr/lib/jvm=<a id="orgheadline1"></a>

sudo mkdir /usr/lib/jvm
tar zxvf ./jdk-8u92-linux-x64.tar.gz -C /usr/lib/jvm

修改 .bashrc<a id="orgheadline2"></a>

export ANDROID_HOME='/usr/lib/android-sdk'
export JAVA_HOME='/usr/lib/jvm/jdk1.8.0_92'
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH

如果之前安装过openJDK, 要替换一下<a id="orgheadline3"></a>

sudo update-alternatives --install /usr/bin/java java /usr/lib/jvm/jdk-7/bin/java 300
sudo update-alternatives --install /usr/bin/javac javac /usr/lib/jvm/jdk-7/bin/javac 300
sudo update-alternatives --config java

选择oracle jdk即可

android JDK 安装 (翻 lantern 墙环境)<a id="orgheadline5"></a>

ubuntu 16.04下apt-get源有android-sdk,但不全,我选择了用android studio来安装 android sdk.
下载运行android-studio.
安装SDK platform

20160505_112129_7877nt2.png

SDK tools

20160505_112301_7877Z3F.png

注意: 如果你像我一样使用 系统路径 /usr/lib/android-sdk, 运行android-studio的时候要sudo

安装node,npm,watchman,flow<a id="orgheadline6"></a>

sudo apt-get install -y nodejs
sudo ln -s /usr/bin/nodejs /usr/bin/node

sudo apt-get install -y automake python-dev
git clone https://github.com/facebook/watchman.git
cd watchman
git checkout v4.5.0  # the latest stable release
./autogen.sh
./configure
make
sudo make install

sudo npm install -g flow-bin

安装React Native<a id="orgheadline8"></a>

sudo npm install -g react-native-cli

连接android手机<a id="orgheadline7"></a>

chris2@W530-chris:~$ lsusb
Bus 002 Device 002: ID 8087:0024 Intel Corp. Integrated Rate Matching Hub
Bus 002 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
Bus 001 Device 004: ID 04f2:b2ea Chicony Electronics Co., Ltd Integrated Camera [ThinkPad]
Bus 001 Device 003: ID 147e:2020 Upek TouchChip Fingerprint Coprocessor (WBF advanced mode)
Bus 001 Device 005: ID 04e8:6860 Samsung Electronics Co., Ltd Galaxy (MTP)
Bus 001 Device 002: ID 8087:0024 Intel Corp. Integrated Rate Matching Hub
Bus 001 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub
Bus 004 Device 001: ID 1d6b:0003 Linux Foundation 3.0 root hub
Bus 003 Device 002: ID 17ef:6050 Lenovo 
Bus 003 Device 001: ID 1d6b:0002 Linux Foundation 2.0 root hub

我的三星手机记下ID: 04e8:6860

echo SUBSYSTEM=="usb", ATTR{idVendor}=="04e8", MODE="6860", GROUP="plugdev" | sudo tee /etc/udev/rules.d/51-android-usb.rules

确认设备连上

chris2@W530-chris:~$ adb devices
List of devices attached
940497a2  device

运行测试程序AwesomeProject<a id="orgheadline9"></a>

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

在电脑上运行

cd AwesomeProject
react-native start

之后在手机上打开 AwesomeProject
运行截图如下

645031897.jpg

相关文章

网友评论

      本文标题:react-native linux 开发环境配置

      本文链接:https://www.haomeiwen.com/subject/lkvdrttx.html