Ubuntu 16.04下ionic開發環境搭建詳解

在Ubuntu 16.04當中搭建一個ionic環境還是按照官方教學的來，主要問題是首先要把JDK,SDK搭好，環境變數配好。本文中給的包的下載請不要直接用瀏覽器下載，很慢，盡量用wget 下載，重要的事說一遍！

JDK

下載地址：jdk下載

• 存取到官網，就可以下載下來一個包檔案了，對應著Ubuntu16.04就下載Linux ×64對應的tar.gz包

下載完成之後按以下命令

$ tar -zxvf jdk-8u101-linux-x64.tar.gz #得到jdk1.8.0_101資料夾
$ cd /usr/lib
$ sudo mkdir jvm #一般把jdk對應的檔案放在/usr/lib/jvm下
$ cd - #回到解包的檔案對應的資料夾
$ mv jdk1.8.0_101 /usr/lib/jvm/

• 接下來設定環境變數
  

  如果你沒有安裝zsh之類的終端外掛，那麼直接vim ~/.bashrc ，加入下面的三行，然後儲存重新開一個終端即可(當然也可以修改/etc/profile,然後source)

export Java_HOME=/usr/lib/jvm/jdk1.8.0_101 #最後這一項要對應你放到jvm下的包的檔名
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=.:$JAVA_HOME/lib/dt,jar:$JAVA_HOME/lib/tools.jar

如果安裝了zsh,也是同理，vim ~/.zshrc 最後加入上面三行即可

• 通過java -version驗證

SDK

下載地址：sdk下載

這裡需要注意的是：你可以選擇直接下載Android-Studio,因為Android-Studio中如果你沒有安裝SDK，那麼會幫你下載相關的tool,包之類的，但是速度比較慢，所以推薦先設定SDK。

• 下載sdk包之後，得到一個android-sdk-linux.tar.gz,然後執行以下命令

$ tar -zxvf android-sdk-linux.tar.gz #得到android-sdk-linux資料夾
$ mv android-sdk-linux /usr/local #把這個資料夾移動到/usr/local下

• 然後設定環境變數

同上vim ~/.zshrc或者 vim ~/.bashrc，加入以下內容

export SDK_HOME=/usr/local/android-sdk-linux  
export PATH=$SDK_HOME/tools:$SDK_HOME/platform-tools:$PATH

That’s it!

Android-Studio

下載地址 : Android-Studio

• 下載完成之後把資料夾解壓到/opt目錄下，在命令列中進入bin目錄，./studio.sh

  • 然後選擇Custom介面，在Android SDK Locaition 中選擇到對應的SDK安裝的目錄(/usr/local/android-sdk-linux/)，最後finish即可，安裝完畢

Gradle

下載地址 : gradle

如果提前沒有安裝gradle，在ionic build android裡面也會自動載入，但是慢到崩潰還容易出錯，所以最好提前下載完畢，並且apt install 來的版本才2.1，太老，所以最好還是去官網下載

• 下載好之後還是放到/opt下，然後設定環境變數，加入如下內容

export GRADLE_HOME=/opt/gradle-2.14.1
export PATH=$GRADLE_HOME/bin:$PATH

其餘的一些依賴包(這些用apt install 是沒有太大問題的)：
1. nodejs
2. Python
3. npm

ionic

$ npm install -g cordova ionic

這裡可能會出現各種問題！

1. sh:1:not found

這種問題是因為sudo apt install nodejs 下載之後命令列只認nodejs而不知道node，所以我們增加一個軟連結就好了ln -s /usr/bin/nodejs /usr/bin/node

1. npm 速度過慢

可以換成這個淘寶映象

1. CONNECT ECONNREFUSED

遇到這個問題說明開了代理，你可以選擇關閉代理或者輸入這樣的命令

$ PROXY=domain:port npm install -g cordova ionic

其它的按照官方手冊即可