hybrid ionic命令行安裝

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文件,發現和上面的文件改動地方不太一樣

https://stackoverflow.com/questions/53052825/a-problem-occurred-configuring-project-cordovalib-in-ionic-cordova

先找到新建項目的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模擬器運行展示,我這裏用藍疊展示

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章