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則編譯成功,已經安裝到手機上了。
如需轉載請注明出處,謝謝!