1. 程式人生 > >Debian 9下搭建ReactNative開發環境

Debian 9下搭建ReactNative開發環境

1.Node.js以及npm包管理工具

ln -s /opt/node-v8.9.3-linux-x64/bin/node /usr/local/bin/node
ln -s /opt/node-v8.9.3-linux-x64/bin/npm /usr/local/bin/npm
  • 設定淘寶映象加速
npm config set registry https://registry.npm.taobao.org --global 
npm config set disturl https://npm.taobao.org/dist --global

2.Java開發環境搭建

  • 以第三方依賴庫形式新增Java庫
nano etc/apt/sources.list.d/java-8-debian.list

編輯內容:

deb http://ppa.launchpad.net/webupd8team/java/ubuntu trusty main
deb-src http://ppa.launchpad.net/webupd8team/java/ubuntu trusty main
  • 匯入GPG key
apt-key adv --keyserver keyserver.ubuntu.com --recv-keys EEA14886
  • 出現以下錯誤
Error:
Executing: /tmp/apt-key-gpghome.iKAAqs0hjL/gpg.1
.sh --keyserver keyserver.ubuntu.com --recv-keys EEA14886 gpg: failed to start the dirmngr '/usr/bin/dirmngr': No such file or directory gpg: connecting dirmngr at '/tmp/apt-key-gpghome.iKAAqs0hjL/S.dirmngr' failed: No such file or directory gpg: keyserver receive failed: No dirmngr

解決方法
安裝dirmngr:

apt-get
install software-properties-common dirmngr apt-key adv --keyserver keyserver.ubuntu.com --recv-keys EEA14886 apt-get update
  • 安裝java8
    這裡java設定為預設全域性變數
apt-get install oracle-java8-installer
apt-get install oracle-java8-set-default

3.Android SDK

  • 下載並解壓至/opt目錄下
wget http://dl.google.com/android/android-sdk_r24.4.1-linux.tgz
tar zxvf android-sdk_r24.4.1-linux.tgz   /opt 
  • 設定ANDROID_HOME
    編輯profile檔案
nano /etc/profile

在檔案內容末端加入以下內容

export ANDROID_HOME='/opt/android-sdk-linux'  
export PATH=$ANDROID_HOME/tools:$PATH  
  • 執行
cd android-sdk-linux/tools
./android

4.安裝React Native的命令列工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具,可以加速node模組的下載。React Native的命令列工具用於執行建立、初始化、更新專案、執行打包服務(packager)等任務。

  • 安裝react-native-cli和yarn
npm install -g yarn react-native-cli
  • 國內映象源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
  • 設定環境變數
    或者cd到 /opt/node-v8.9.3-linux-x64/bin/ ,使用./react-native(不推薦)
ln -s /opt/node-v8.9.3-linux-x64/bin/react-native  /usr/local/bin/react-native
ln -s /opt/node-v8.9.3-linux-x64/bin/yarn /usr/local/bin/yarn

5.安裝Virtualbox以及安卓模擬器genymotion

Genymotion

chmod u+x    g*.bin    //g*指genymotion,*為萬用字元
  • 執行程式
./g*.bin

Virtualbox

由於Virtualbox的deb包不適用於debian 9,只能通過新增第三方依賴庫的方式進行安裝:

  • 新增第三方依賴庫
nano   /etc/apt/sources.list.d/virtualbox.list        //編輯工具個人偏好nano,大佬們可選擇vim

編輯內容:

deb http://download.virtualbox.org/virtualbox/debian stretch contrib
  • 新增公鑰
wget https://www.virtualbox.org/download/oracle_vbox_2016.asc 
apt-key add oracle_vbox_2016.asc
  • 安裝Virtualbox
apt-get update
apt-get install virtualbox-5.2         //版本號自己決定

今天先寫基本的開發環境,明天補上相關IDE和flow等除錯工具,上課上課。

2018.03.27 14:40