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

JerryMissTom發表於2018-04-23

前言

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

ionic 開發必不可少 NodeCordovaionic 這三者。AndroidXcode 兩者的環境配置在一開始是可選的,配置過程中假如出現錯誤解決不了,可以暫時放棄,等到熟悉了ionic開發流程,最後要打包成 Apk 或者 ipa 檔案的時候再來解決也不遲。

Note: 本安裝教程基於 Mac OS 開發環境,Windows 環境請自行查詢。某些工具的安裝方式有很多,只介紹個人認為最簡單的,初學者可以很容易上手的。假如安裝出錯,Google錯誤資訊,答案就在第一頁。廢話較多,比較囉嗦,見諒。

Node安裝

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

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

注意: 網上很多教程上將 npm 替換成 cnpm,在 ionic 的開發中建議不要這麼做,否則可能會出現依賴包安裝失敗導致奇怪的問題,這點切記。

Cordova安裝

在此之前確保 NodeNpm 安裝成功,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,感興趣的可以看一下。

相關文章