【建網(wǎng)站教程之cordova的環(huán)境搭建與常用命令】
cordova必須的環(huán)境搭建的相關準備
1、JDK開發(fā)環(huán)境及環(huán)境變量的配置 檢測命令：java -version
2、Android SDK開發(fā)環(huán)境及環(huán)境變量的配置 檢測命令：android -h
3、Ant下載安裝及環(huán)境變量配置 檢測命令: ant -version
4、Nodejs下載安裝及環(huán)境變量配置 檢測命令:node -v npm -v
5、Git下載安裝及環(huán)境變量配置 檢測命令：git --version
6、Cordova CLI安裝及環(huán)境變量配置 檢測命令：npm install -g cordova
項目創(chuàng)建到運行系列操作
1、創(chuàng)建項目的根目錄，命令提示符中進入該目錄 cd e:proroot.(以后通過各種命令生成或下載的文件都會放在這個目錄中)
2、創(chuàng)建一個項目firstdemo 命令：cordova create firstdemo com.test.firstdemo MyDemo 項目文件夾為firstdemo，包名為com.test.firstdemo，項目名稱為MyDemo（MyDemo也就是以后導入到eclipse工程后的工程名稱）
3、進入工程目錄firstdemo，添加平臺支持，操作命令如下： cordova platforms add ios cordova platforms add android 顯示平臺列表命令：cordova platforms ls
4、為項目添加所需要的開發(fā)插件,操作命令如下： cordova plugin add 命令需要開發(fā)員指定外掛程序代碼的存儲庫,常用插件列表如下：
（1）基本設備資訊API cordova plugin add org.apache.cordova.device
（2）網(wǎng)絡連接和電池事件 cordova plugin add org.apache.cordova.network-information cordova plugin add org.apache.cordova.battery-status
（3）加速指針、指南針和地理位置 cordova plugin add org.apache.cordova.device-motion cordova plugin add org.apache.cordova.device-orientation cordova plugin add org.apache.cordova.geolocation
（4）相機、媒體重播和捕獲 cordova plugin add org.apache.cordova.camera cordova plugin add org.apache.cordova.media-capture cordova plugin add org.apache.cordova.media
（5）訪問設備或網(wǎng)絡上的文件 cordova plugin add org.apache.cordova.file cordova plugin add org.apache.cordova.file-transfer
（6）通過對話框或振動發(fā)出通知 cordova plugin add org.apache.cordova.dialogs cordova plugin add org.apache.cordova.vibration
（7）連系人 cordova plugin add org.apache.cordova.contacts
（8）國際化 cordova plugin add org.apache.cordova.globalization
（9）閃屏（啟動動畫） cordova plugin add org.apache.cordova.splashscreen
（10）打開新的瀏覽器窗口 cordova plugin add org.apache.cordova.inappbrowser
（11）調試主控臺 cordova plugin add org.apache.cordova.console
5、編譯項目代碼 cordova build android
6、運行項目
（1）在模擬器上運行：cordova emulate android(需要先創(chuàng)建好虛擬機)
（2）通過USB在真機上運行：cordova run android
（3）在瀏覽器上運行：cordova serve android
注意：每次對項目做了改動之后，需要運行編譯命令和運行命令才能看到最新的效果
cordova常用命令
（1）create [ [name]] 創(chuàng)建一個cordova工程，id為package名。
（2）platform [ls | list] 列出該工程支持哪些平臺
（3）platform add [...] 為工程添加一個或多個平臺支持
（4）platform [rm | remove] [...] 刪除該工程的某個平臺支持
（5）platform [up | update] 更新該工程某個平臺的Cordova版本
（6）plugin [ls | list] 列出該工程包含哪些插件
（7）plugin add [path-to-plugin...] 為工程添加一個或多個插件 （8）plugin [rm | remove] [plugin-name...] 從該工程中刪除某個插件
（9）plugin search [ ...] 根所關鍵字從registry中搜索插件
（10）compile [platform...] 編譯指定平臺的app包
（11）build [ [] [...]] 先做prepare（拷貝文件）后做compile
（12）emulate[ [][...]] 啟動模擬器運行應用
（13）serve[port] 啟動本地web服務來訪問www,默認端口是8080
cordova相關文件簡介
1、config.xml cordova的配置文件
2、hooks目錄 存放自定義cordova命令的腳本文件。每個project命令都可以定義before和after的Hook,比如：before_build、after_build。 Hook可以采用任何編程語言來寫，Cordova CLI采用的是Node.js,所以一般都是用它來寫。
3、merges目錄 存放各個平臺特殊的文件，會和www進行合并編譯，相同的文件merges下的文件優(yōu)先。編譯使用
4、platforms目錄 各個平臺的原生代碼工程，不要手動修改，因為在build的時候會覆蓋。
5、plugins目錄 插件目錄（cordova提供的原生API也是以插件的形式提供的） 6、www目錄 源代碼目錄，在cordova prepare的時候會被copy到各個平臺工程的assetswww目錄中。其中index.html為應用的入口文件。
10年鄭州網(wǎng)站制作經驗,專業(yè)微信小程序，微信公眾號開發(fā)，鄭州網(wǎng)站設計制作服務品牌�。。∴嵵萁ňW(wǎng)站制作公司,專注于技術開發(fā),堅持原創(chuàng)設計,不抄襲,不模板,注重客戶體驗。4006400737
【本文標題和網(wǎng)址】：鄭州建網(wǎng)站教程之cordova的環(huán)境搭建與常用命令 http://m.rhydt.com/jiaocheng/2509.html
您可能對以下新聞還有興趣
其它偉置新聞
豫公網(wǎng)安備 41010302002361號
