Cordova 環(huán)境搭建

從昨天開始,決定用cordova,便開始著手搭建框架了。
之前一直是用的phonegap,現(xiàn)在感覺phonegap比cordova沒方便多少,于是將裝好的phonegap卸載,重新安裝了最新版的cordova,于是便有了接下來的文章。

  • 安裝nodejs
    我電腦是win10,之前已經(jīng)安裝了nodejs,版本是6.10.3。理論上我這個版本以上的應(yīng)該都沒問題了,最新的node版本已是8.2.1了,建議安裝LTS版本。
    官網(wǎng)鏈接 https://nodejs.org/en/
image.png
  • 安裝cordova
    nodejs安裝的同時,npm工具也會一并安裝好。只需要執(zhí)行

     npm install cordova -g
    

便可以全局安裝cordova了。根據(jù)網(wǎng)絡(luò)環(huán)境的不同,安裝速度也不一樣,建議有條件的同學(xué)自行科學(xué)上網(wǎng),或者將npm的鏡像切換成淘寶鏡像(npm config set registry=http://registry.npm.taobao.org),不推薦cnpm。
安裝完成之后,可通過cordova -v 來檢驗是否成功,安裝成功之后會輸出cordova的版本號,目前最新版本是7.0.1

image.png

這個時候,可以執(zhí)行一些cordova命令了,如:

    創(chuàng)建一個app
    cordova create myapp
    添加cordova的支持平臺
    cd myapp 
    cordova platforms add android   //android  or ios
    運行myapp
    cordova run android

然后,你會發(fā)現(xiàn),報了一堆錯。類似android sdk、gradle之類的一些錯誤,是因為我們少了一些開發(fā)環(huán)境。

  • Android SDK
    如果之前有過基于Eclipse的Android開發(fā)經(jīng)驗,你一會有兩個文件,ADT和SDK,如果沒有,可就得上網(wǎng)搜一搜了。如果你不用eclipse進行開發(fā),就可以不用下載 ADT文件了,SDK是必須下載的,除此之外,還要下載對應(yīng)的sdk-tools,每一個Android版本對應(yīng)的sdk-tools都不一樣,每一個cordova版本對sdk的版本要求也不一樣。
    這個地方我搞了好久,才明白。
    以下有幾篇參考文章或者網(wǎng)站:
    http://blog.csdn.net/fxp850899969/article/details/70314354
    http://www.androiddevtools.cn/
    http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html
    下載好sdk之后,將sdk-tools下載之后解壓,將解壓之后的tools文件覆蓋sdk目錄下面的tools文件夾,最重要的是,要在系統(tǒng)環(huán)境變量path里面將sdk\tools以及配置進去。

    sdk目錄.png
下載的sdk-tools目錄.png

我用的版本是24.3.4,應(yīng)該是版本高些會好點。

  • gradle
    這個以前一直沒接觸過,只是聽說很強大。新版本的cordova也是由gradle進行管理的,所以系統(tǒng)里也要下載一個。不需要安裝,只要下載好,解壓到本地就行了。
    官網(wǎng)鏈接 https://gradle.org/releases/
    下載 完成后,也要將本地目錄配置至系統(tǒng)環(huán)境變量的path里面。
    配置完成之后,應(yīng)該可以執(zhí)行g(shù)radle v
gradle.png

如果能順利輸出gradle的版本,就算是大功告成了。

  • 到這里,就可以用cordova 通過命令行來運行應(yīng)用了。
    Android手機連上電腦,打開開發(fā)者模式中的調(diào)試,可能會彈出指紋信任的圣誕框,允許便是。
    再將輸入第二步后面的的命令,就可以運行在手機上了。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容