1. 創(chuàng)建cordova項(xiàng)目
(注意:當(dāng)?shù)谝淮蝿?chuàng)建或編譯項(xiàng)目的時(shí)候,可能系統(tǒng)會(huì)自動(dòng)下載一些東西,需要一些時(shí)間。)
在某個(gè)目錄下創(chuàng)建cordova項(xiàng)目,打開(kāi)命令行,
輸入:cordova create test com.cordova.test test (創(chuàng)建cordova工程 <文件夾名> <包名> <app名>)

文件夾目錄:

hooks:存放自定義cordova命令的腳本文件。每個(gè)PRoject命令都可以定義before和after的Hook,比如:before_build、after_build。沒(méi)用過(guò),不展開(kāi)了。
platforms:平臺(tái)目錄,各自的平臺(tái)代碼就放在這里,可以放一下平臺(tái)專(zhuān)屬的代碼,現(xiàn)在這個(gè)目錄應(yīng)該是空的,后面會(huì)介紹如何創(chuàng)建平臺(tái)。
plugins:插件目錄,安裝的插件會(huì)放在這里。后面會(huì)有專(zhuān)門(mén)的文章介紹開(kāi)發(fā)插件。
www:最重要的目錄,存放項(xiàng)目主題的HTML5和JS代碼的目錄。app一開(kāi)始打開(kāi)的就是這個(gè)目錄中index.html文件。
config.xml:主要是cordova的一些配置,比如:項(xiàng)目使用了哪些插件、應(yīng)用圖標(biāo)icon和啟動(dòng)頁(yè)面SplashScreen,修改app的版本,名字等信息,還有平臺(tái)的配置。
2.添加平臺(tái)支持
用命令行打開(kāi)對(duì)應(yīng)的文件夾,
添加平臺(tái)輸入:cordova platforms add android(ios還沒(méi)試過(guò))

移除平臺(tái)
輸入:cordova platforms rm android (移除android平臺(tái)支持)
也可以通過(guò)@版本號(hào),來(lái)添加不同版本的android平臺(tái),如:

現(xiàn)在就可以在www文件夾內(nèi)寫(xiě)自己的js和html代碼了。
3.添加和刪除項(xiàng)目插件
添加插件輸入:cordova plugin add cordova-plugin-file (cordova plugin add <插件官方名稱(chēng)>)
插件搜索地址:http://cordova.apache.org/plugins/

也可以通過(guò)github查找一些第三方插件,
輸入:cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git//這個(gè)是掃描二維碼插件 (github項(xiàng)目地址)
github地址:https://github.com/

輸入:cordova plugin rm cordova-plugin-file(使用rm和remove都可以)

輸入:cordova plugin list(查看當(dāng)前安裝了哪些插件)
以下是我之前添加的插件

這里的列表應(yīng)該與文件目錄的列表相同

4.編譯調(diào)試程序
不是每一句代碼都需要運(yùn)行,根據(jù)自己的需求進(jìn)行選擇。
cordova install android //將編譯好的應(yīng)用程序安裝到模擬器上。cordova emulate android //在模擬器上運(yùn)行(前提是創(chuàng)建好AVD)cordova serve android //在瀏覽器運(yùn)行cordova build android //打包c(diǎn)ordova項(xiàng)目到android平臺(tái)。cordova run android //通過(guò)USB直接安裝到真機(jī)(該語(yǔ)句已經(jīng)包括了build命令)例如:我現(xiàn)在是手邊直接連著測(cè)試手機(jī),所以我就會(huì)直接用cordova run android

中間省略...

出現(xiàn)LAUNCH SUCCESS則編譯成功,已經(jīng)安裝到手機(jī)上了。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注