1. 創建cordova項目
(注意:當第一次創建或編譯項目的時候,可能系統會自動下載一些東西,需要一些時間。)
在某個目錄下創建cordova項目,打開命令行,
輸入:cordova create test com.cordova.test test (創建cordova工程 <文件夾名> <包名> <app名>)

文件夾目錄:

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

移除平臺
輸入:cordova platforms rm android (移除android平臺支持)
也可以通過@版本號,來添加不同版本的android平臺,如:

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

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

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

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

這里的列表應該與文件目錄的列表相同

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

中間省略...

出現LAUNCH SUCCESS則編譯成功,已經安裝到手機上了。
新聞熱點
疑難解答