ionic = Cordova + AngularJS + 一套樣式庫(吐槽一下坑也不少)
最近迴歸了一下Android,原生的Android開發優點和缺點都十分明顯,硬傷肯定是維護和發版問題,於是關注了一下Hybrid App開發(混合型App開發),Hybrid的框架也很多,具體選型優劣可以參考文章https://www.jianshu.com/p/4bc6ccfd5941
下載安裝的鏈接在這:http://ionicframework.com/docs/overview/#download(菜鳥教程裏提供的)
這裏記錄的是ionic通過命令行的安裝方法。
1、下載nodejs安裝包,安裝nodejs。我的安裝路徑在C:\Program Files\nodejs,主要我們使用npm功能
2、安裝好後,cmd進入nodejs的目錄,輸入命令來安裝ionic(如果安裝失敗自行度娘)
npm install -g cordova
npm install -g ionic
3、創建應用:
$ ionic start myApp tabs
此時可能會報錯
Ionic/cmd提示 'node' 不是內部或外部命令,也不是可運行的程序
我們進行環境變量的配置
“我的電腦-屬性-高級系統設置-環境變量”
變量名;NODE_PATH
變量值:C:\Program Files\nodejs;(這裏是node.js的安裝路徑)
在path後加上;%NODE_PATH%(注意前面有分號隔開)
配置好後,再運行命令,如果還不行,只能用一個偏門(無奈之舉,可能電腦太爛!)
發現nodejs在路徑C:\Program Files\nodejs
新下載的ionic和cordova在C:\Users\Administrator\AppData\Roaming\npm
要做的就是把nodejs下面的文件全部複製到後面那個npm文件中,然後配置path環境變量加上:
;C:\Users\Administrator\AppData\Roaming\npm
cmd進入該路徑後輸入:ionic -v
出現如圖表示能正常識別ionic
能識別後創建Android應用
$ cd testApp
$ ionic cordova platform add android
$ ionic cordova build android
$ ionic cordova emulate android
當然這個過程也可能不太順利,第一步add可能基本沒有問題,第二步有可能會報錯,記錄遇到的兩個問題:
(1)SDK問題,建議大家都把sdk都更新到最新吧(有些人可能不會報sdk的錯,那也可以忽略)
(2)A problem occurred configuring project ':CordovaLib'. in ionic cordova
這個參考下面的鏈接,不過我親自更改了我的build.gradle文件,發現和上面的文件改動地方不太一樣
先找到新建項目的build.gradle存放路徑(我的項目是testApp): C:\Users\Administrator\AppData\Roaming\npm\testApp\platforms\android\CordovaLib
編輯裏面的build.gradle找到buildscript,添加下面紅線的這幾行保存
buildscript {
repositories {
google()
jcenter()
maven{
url 'https://maven.google.com'
}
}......
然後重新運行ionic cordova build android
看到app-debug.apk是不是覺得很熟悉鴨~
ionic cordova emulate android這個命令是用ionic模擬器運行展示,我這裏用藍疊展示