PhoneGap || Cordova 安裝以及導入AndroidStudio 遇到的問題

需要用到的資源再網上可以下載到

Java SDK，node.js，apache-ant，ADT（google提供的android開發工具，其實主要是需要android SDK）

第一步

配置環境變量

JAVA的環境變量就不說了 都會

配置 ant 的變量

和JAVA變量配置的方法一樣

創建ANT_HOME

把下載好的ant 路徑復制進去

接下來在PATH 裡面添加 ant\bin的路徑

在 CLASS_PATH裡面配置ant\lib的路徑

配置完成後 在doc命令下 輸入 ant 查看有沒有配置成功

和上圖一樣代表配置成功了

如果出現 不是內部命令 或者其他情況都是失敗的

重復上面的步驟直到成功

第二步

配置 ADT

在PATH 裡面添加 platform-tools路徑

以及tools 路徑

這兩個路徑都在Android SDK 目錄下面

第三步

下載 node.js 這個官網上有也就不廢話了.

下載完成後 安裝 直接next就行了

win7 開始 所有程序 找到 Node.js.command prompt 點擊

輸入 安裝 phonegap || cordova 的代碼

npminstall-gphonegap // Phonegap

npminstall-g cordova // cordova

安裝成功後 就會出現如上圖

Cordova安裝方法一樣

查看 相應的版本

至此都安裝成功了

第四步

在node.js 下面創建 cordova 或者 phonegap 的項目

cordova create 目錄名稱 : hello 包名: com.lh.hello 項目名稱: Test

創建成功 我的是在C:USER文件下面

找到之後 回到 node.js 頁面

關聯 AndroidStudio

先 輸入命令名 cd 目錄名 : hello
接著輸入

cordova platform add --save android

要等一會

這樣和android關聯成功第一步

還沒完

繼續輸入命令

cordova build

會出現一大堆代碼 找到

代表成功了

然後就可以打開你的Android Studio 導入項目了

注意上面的路徑 不要找錯了

點擊ok

開始導入

沒有報錯的話 就顯示成功

導入成功 點擊運行

項目在模擬器上跑起來了

如果一切順利的話 到這裡 整個PhoneGap/Cordova 已經安裝完成頓號關聯成功了

問題

就是上面的圖

在我添加AndroidStudio 輸入 phonegap build android(和cordova platform add --save android 的效果一樣 就是 一個是phonegap 一個是cordova) 時候 遇到過

當時以為是一個小錯誤 沒管直接導入AndroidStudio 中打包的時候還是報這個錯誤 (當時博主值裝了phonegap 並沒有裝cordova)

仔細一看 是版本不匹配或者版本過低導致的

於是從頭到尾檢查了一遍 jdk、phonegap的版本都檢查了一遍 都好著

在網上也搜了好久 看到一位大神的博客 作者記不清了 (著急忘了) 說是phonegap 有的不支持高版本的jdk 支持1.6的jdk 我的jdk 是1.7的 我以為是這個原因 於是決定裝cordova 試試 在輸入 cordova platform add --save anroid

ok 顯示成功 博主以為成功了

之後就導入AndroidStudio 悲催的又出現

找了好久

問題找到了

在我輸入 cordova platform add --save anroid 的時候 還有一步命令沒輸入

就是 cordova build

但是輸入後還是報相同的錯 看了看表早都下班了 公司也沒幾個人了

於是今天早上早早起來

在地鐵上搜看有沒有解決問題

結果還真找到了 由於在地鐵上人多 沒注意作者是誰 給作者點個贊

這個問題出現的原因是 我AndroidStudio 的版本工具 就是 Build-Tools 版本太高了 24.0

但是 博主的PhoneGap/Cordova
版本支持23.0的Build-Tools

解決的辦法就是

刪除這個Build Tools 24.0.2

再次輸入 cordova build 成功

感謝看到這裡 博主的廢話有點多

謝謝各位忍了這麼久

(最後 現在PhoneGap 和Cordova 是同一個 Phonegap是之前的名字現在的名字Cordova 看過PhoneGap發展的應該知道)

END