1. 建立cordova項目html
(注意:當第一次建立或編譯項目的時候,可能系統會自動下載一些東西,須要一些時間。)android
在某個目錄下建立cordova項目,打開命令行,ios
輸入:cordova create test com.cordova.test test (建立cordova工程 <文件夾名> <包名> <app名>)git
文件夾目錄:github
hooks:存放自定義cordova命令的腳本文件。每一個project命令均可以定義before和after的Hook,好比:before_build、after_build。沒用過,不展開了。apache
platforms:平臺目錄,各自的平臺代碼就放在這裏,能夠放一下平臺專屬的代碼,如今這個目錄應該是空的,後面會介紹如何建立平臺。瀏覽器
plugins:插件目錄,安裝的插件會放在這裏。後面會有專門的文章介紹開發插件。app
www:最重要的目錄,存放項目主題的HTML5和JS代碼的目錄。app一開始打開的就是這個目錄中index.html文件。測試
config.xml:主要是cordova的一些配置,好比:項目使用了哪些插件、應用圖標icon和啓動頁面SplashScreen,修改app的版本,名字等信息,還有平臺的配置。ui
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 run android
中間省略...
出現LAUNCH SUCCESS則編譯成功,已經安裝到手機上了。
如需轉載請註明出處,謝謝!