前言
學習一門新的計算機技能最基本的就是開發環境配置,順利的情況下很簡單,不順利的時候能折騰人半天,令人頭疼。從入門到放棄說的可能就是配置開發環境出錯這個階段吧。
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,感興趣的可以看一下。