手摸手帶你入門ionic3(二)：環境配置

前言

學習一門新的計算機技能最基本的就是開發環境配置，順利的狀況下很簡單，不順利的時候能折騰人半天，使人頭疼。從入門到放棄說的可能就是配置開發環境出錯這個階段吧。

ionic 開發必不可少 Node、Cordova 和 ionic 這三者。Android 和 Xcode 二者的環境配置在一開始是可選的，配置過程當中假如出現錯誤解決不了，能夠暫時放棄，等到熟悉了ionic開發流程，最後要打包成 Apk 或者 ipa 文件的時候再來解決也不遲。

Note: 本安裝教程基於 Mac OS 開發環境，Windows 環境請自行查找。某些工具的安裝方式有不少，只介紹我的認爲最簡單的，初學者能夠很容易上手的。假如安裝出錯，Google錯誤信息，答案就在第一頁。廢話較多，比較囉嗦，見諒。

Node安裝

現代前端開發少不了 Node 及 Npm，假如你對其不瞭解，請自行搜索相關資料。ionic 入門基本上只要會使用npm install這個命令就能夠了。 進入Nodejs官網，會自動識別你的開發環境，點擊下載LTS版的安裝包並安裝，node安裝時會自動安裝包管理器npm。

起一個新的終端輸入node -v，假如輸出相似 v8.1.4，說明node安裝成功。接着輸入npm -v，會輸出相似5.4.1。

注意: 網上不少教程上將 npm 替換成 cnpm，在 ionic 的開發中建議不要這麼作，不然可能會出現依賴包安裝失敗致使奇怪的問題，這點切記。

Cordova安裝

在此以前確保 Node 和 Npm 安裝成功，ionic 開發少不了 cordova，務必安裝。 在終端上輸入sudo npm install -g cordova，-g表示全局安裝的意思。結束後在終端上輸入cordova -v，假如出現相似7.0.1，則表示安裝成功。

ionic 安裝

在終端上輸入sudo npm install -g ionic，結束後接着輸入ionic -v，會出現相似3.10.3。

Android 環境配置

步驟太多，我知道，可是不想寫，你們仍是本身百度吧。

須要注意的有兩點：JDK 版本 1.8 就能夠了，Android SDK 安裝 5.0 以上，ionic3 不支持 Android4.4 如下。

多說幾句，不少初學者會遇到使用ionic打包命令打包失敗的狀況，一部分是本身代碼的問題，一部分就是沒有配置好安卓開發環境。這個對沒有安卓開發經驗的人來說，確實是個麻煩。

Android開發環境配置好後，建議新建一個空白的原生項目，走一遍打包的過程，看是否能夠成功打包成一個APK，假如能夠，那麼說明環境配置沒問題。

Xcode 環境配置

我不知道，請自行百度，嘿嘿。

後記

本人在寫一個ionic入門的教學手冊 ionic3-handbook，還有一個基於真實項目的ionic項目HW-basic，感興趣的能夠看一下。