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