Cordova 環(huán)境搭建

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

  • 安裝nodejs
    我電腦是win10,之前已經(jīng)安裝了nodejs,版本是6.10.3。理論上我這個(gè)版本以上的應(yīng)該都沒(méi)問(wèn)題了,最新的node版本已是8.2.1了,建議安裝LTS版本。
    官網(wǎng)鏈接 https://nodejs.org/en/
image.png
  • 安裝cordova
    nodejs安裝的同時(shí),npm工具也會(huì)一并安裝好。只需要執(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。
安裝完成之后,可通過(guò)cordova -v 來(lái)檢驗(yàn)是否成功,安裝成功之后會(huì)輸出cordova的版本號(hào),目前最新版本是7.0.1

image.png

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

    創(chuàng)建一個(gè)app
    cordova create myapp
    添加cordova的支持平臺(tái)
    cd myapp 
    cordova platforms add android   //android  or ios
    運(yùn)行myapp
    cordova run android

然后,你會(huì)發(fā)現(xiàn),報(bào)了一堆錯(cuò)。類似android sdk、gradle之類的一些錯(cuò)誤,是因?yàn)槲覀兩倭艘恍╅_(kāi)發(fā)環(huán)境。

  • Android SDK
    如果之前有過(guò)基于Eclipse的Android開(kāi)發(fā)經(jīng)驗(yàn),你一會(huì)有兩個(gè)文件,ADT和SDK,如果沒(méi)有,可就得上網(wǎng)搜一搜了。如果你不用eclipse進(jìn)行開(kāi)發(fā),就可以不用下載 ADT文件了,SDK是必須下載的,除此之外,還要下載對(duì)應(yīng)的sdk-tools,每一個(gè)Android版本對(duì)應(yīng)的sdk-tools都不一樣,每一個(gè)cordova版本對(duì)sdk的版本要求也不一樣。
    這個(gè)地方我搞了好久,才明白。
    以下有幾篇參考文章或者網(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以及配置進(jìn)去。

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

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

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

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

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

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

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