摘要:摘要最近閑來(lái)無(wú)事就把以前做的項(xiàng)目整理了下,發(fā)現(xiàn)網(wǎng)上很少有詳細(xì)完整的配置教程,所以自己就總結(jié)了下分享給大家。環(huán)境搭建安裝下載安裝,安裝時(shí)需要使用。配置好之后在終端輸入,如果出現(xiàn)如下圖所示則表示成功。
摘要:
最近閑來(lái)無(wú)事就把以前做的cordova項(xiàng)目整理了下,發(fā)現(xiàn)網(wǎng)上很少有詳細(xì)完整的配置教程,所以自己就總結(jié)了下分享給大家。
環(huán)境搭建:1.安裝node.js
下載安裝node.js,https://nodejs.org/en/,安裝cordova時(shí)需要使用。安裝完成之后在終端(win+r,cmd)執(zhí)行node -v,如果看到如下圖所示的版本號(hào)表示安裝成功。
2.安裝ant
下載連接:http://apache.dataguru.cn//ant/binaries/...,下載完成之后解壓到你想安裝的目錄,比如D:ant。然后將目錄添加到系統(tǒng)變量里,步驟如下:右擊我的電腦,點(diǎn)擊屬性,左側(cè)菜單點(diǎn)擊高級(jí)系統(tǒng)設(shè)置,在彈窗中點(diǎn)擊環(huán)境變量,然后在用戶變量中添加變量ANT_HOME,值為D:ant,添加變量path,值為D:antin,添加變量classpath,值為D:antlib。
配置好之后在終端輸入ant -v,如果出現(xiàn)如下圖所示則表示成功。
3.安裝cordova
在終端執(zhí)行下面命令
npm install -g cordova
測(cè)試安裝是否成功,終端輸入cordova -v,如果出現(xiàn)如下如所示提示表示安裝成功
注意:有時(shí)候我們安裝成功了,但是執(zhí)行cordova命令提示不是內(nèi)部或外部命令,這時(shí)候需要在環(huán)境變量中配置我們的全局npm路徑,在用戶變量里找到path,如果沒(méi)有就新建,添加值為C:UsersadminAppDataRoaming pm(找到自己對(duì)應(yīng)的npm目錄)
4.安裝jdk
下載http://www.oracle.com/technetwork/java/j...,選擇自己的版本
5.安裝sdk
不同的cordova版本對(duì)應(yīng)不同的sdk版本,我裝的sdk為5.1.1。
下載sdk,http://www.oracle.com/technetwork/java/j...,這里有詳細(xì)的安裝步驟(http://www.cnblogs.com/zoupeiyang/p/4034...)
注意:安裝硬件加速,需要修改BIOS的virtualization technology為true,模擬器啟動(dòng)不起來(lái),去掉hardware。
如果以上都已經(jīng)完成了,那恭喜你環(huán)境配置成功了!
創(chuàng)建第一個(gè)應(yīng)用:1.在終端進(jìn)入你想要?jiǎng)?chuàng)建的目錄,執(zhí)行下面的命令:
cordova create first com.example.first firstApp
cordova creat是創(chuàng)建項(xiàng)目的命令,緊接著first為目錄,com.example.first為命名空間,firstApp為app名稱
2.添加平臺(tái)
cd first cordova platform add android
添加android平臺(tái),下載可能會(huì)比較慢
3.編譯app
cordova build android
編譯android系統(tǒng),最后如果看到build successful,就可以了
4.運(yùn)行app
模擬器上運(yùn)行
cordova emulate android
瀏覽器上運(yùn)行
cordova serve android
瀏覽器訪問(wèn)http://localhost:8000即可
真機(jī)上運(yùn)行
cordova run android
恭喜你第一個(gè)應(yīng)用程序完成了!
常用命令創(chuàng)建應(yīng)用
cordova create first com.example.first firstApp
添加平臺(tái)
cordova platform add android cordova platform add ios cordova platform add amazon-fireos cordova platform add blackberry10 cordova platform add firefoxos
查看平臺(tái)
cordova platforms ls
刪除平臺(tái)
cordova platform remove android 或者 cordova platform rm android
打包app
cordova build android
預(yù)編譯
cordova prepare android
編譯
cordova compile android
運(yùn)行app
cordova emulate android cordova serve android cordova run android總結(jié)
hybrid app相對(duì)native app來(lái)說(shuō)開(kāi)發(fā)起來(lái)速度快,相對(duì)容易,但是沒(méi)有native那么流暢,性能和體驗(yàn)稍微差些。并且文件大小相差也很大,同樣一個(gè)應(yīng)用native只要幾k,二hybrid卻要幾兆。
下面是我自己分別使用cordova和phonegap開(kāi)發(fā)的新聞應(yīng)用,歡迎大家安裝使用。
https://github.com/baixuexiyang/hybrid.g...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/79121.html
摘要:任何初始化任務(wù)應(yīng)該在文件中的事件的事件處理函數(shù)中。這個(gè)配置文件有幾個(gè)地方很關(guān)鍵,一開(kāi)始沒(méi)有認(rèn)真看,將插件導(dǎo)進(jìn)工程跑的時(shí)候各種問(wèn)題,十分頭痛,不得不重新認(rèn)真看看文檔。 前言 來(lái)新公司的第一個(gè)任務(wù),研究hybrid App中間層實(shí)現(xiàn)原理,做中間層插件開(kāi)發(fā)。這個(gè)任務(wù)挺有意思,也很有挑戰(zhàn)性,之前在DCloud雖然做過(guò)5+ App開(kāi)發(fā),但是中間層的東西確實(shí)涉及不多。本系列文章屬于系列開(kāi)篇cord...
摘要:安裝完成后需要配置環(huán)境變量,將下的,添加到環(huán)境變量中,主要是可以執(zhí)行等命令行工具運(yùn)行,下載特定版本就是版本,比如的庫(kù)及工具可以在里啟動(dòng),也可以通過(guò)命令行來(lái)啟動(dòng),然后參考說(shuō)明下載特定版本比如。 最近想玩一玩手機(jī)app開(kāi)發(fā),以前都是自己DIY家里的一些硬件設(shè)備的,在這個(gè)天天喊智能的年代,不讓它們上上網(wǎng)用手機(jī)控制都覺(jué)得這些玩意LOW得拿不出手了~ 決定要改造改造,第一步得學(xué)學(xué)怎么開(kāi)發(fā)手機(jī)端控...
摘要:寫(xiě)一下這兩天打包的總結(jié),希望幫人省下一些搜索的時(shí)間。環(huán)境配置下載地址配置環(huán)境和環(huán)境配置步驟基本一樣,測(cè)試打開(kāi),輸入,返回版本號(hào)即為成功。把圖標(biāo)等文件用該命令上傳自己的項(xiàng)目到服務(wù)器,上傳完成后會(huì)有一個(gè)項(xiàng)目編號(hào)。 寫(xiě)一下這兩天打包app的總結(jié),希望幫人省下一些搜索的時(shí)間。 一.準(zhǔn)備工作: 需要安裝:Nodejs、AndroidSDK、Apache-ant、Jdk,Ionic、Cordova...
摘要:本文源碼為版本。的代碼結(jié)構(gòu)也是一個(gè)很經(jīng)典的定義結(jié)構(gòu)構(gòu)造函數(shù)實(shí)例修改函數(shù)原型共享實(shí)例方法,它提供事件通道上事件的訂閱撤消訂閱調(diào)用。 前言 cordova(PhoneGap) 是一個(gè)優(yōu)秀的經(jīng)典的中間件框架,網(wǎng)上對(duì)其源代碼解讀的文章確實(shí)不多,本系列文章試著解讀一下,以便對(duì)cordova 框架的原理理解得更深入。本文源碼為cordova android版本6.1.2。 源碼結(jié)構(gòu) 我們使用IDE...
閱讀 3751·2023-04-25 18:41
閱讀 1187·2021-11-11 16:55
閱讀 1844·2021-09-22 15:54
閱讀 3075·2021-09-22 15:51
閱讀 3554·2019-08-30 15:55
閱讀 1949·2019-08-30 14:19
閱讀 1294·2019-08-29 10:57
閱讀 1711·2019-08-29 10:56