cordova學習一:基本操作__cordova

來源:互聯網
上載者:User
官網文檔: http://docs.phonegap.com/en/edge/guide_overview_index.md.html http://cordova.apache.org/ http://cordova.apache.org/docs/en/3.4.0/guide_overview_index.md.html#Overview
中文文檔:http://www.phonegapcn.com/
各系統對外掛程式功能支援情況:http://cordova.apache.org/docs/en/5.0.0/guide_support_index.md.html#Platform%20Support
Cross-platform (CLI) workflow CLI (described in The Command-Line Interface)
一、基本操作 安裝cordova: npm install -g cordova 建立APP: $ cordova create hello com.example.hello HelloWorld hello指所建立的APP目錄名稱  com.example.hello指網域名稱標識,可能過config.xml修改 HelloWorld指APP名稱,可能過config.xml修改
添加支援平台(需進入當前APP所在目錄): $ cordova platform add ios $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos
$ cordova platform add wp8 $ cordova platform add windows $ cordova platform add amazon-fireos $ cordova platform add android $ cordova platform add blackberry10 $ cordova platform add firefoxos
查看當前支援的平台: $ cordova platforms ls
刪除支援的平台: $ cordova platform remove blackberry10 $ cordova platform rm amazon-fireos $ cordova platform rm android
構建APP: $ cordova build 構建指定平台APP: $ cordova build ios
運行prepare後可修改指定平台下cordova產生的程式碼,再通過compile打包 $ cordova prepare ios $ cordova compile ios</body>
在模擬器中查看APP: $ cordova emulate android 手機串連到電腦運行APP: $ cordova run android
二、cordova外掛程式: http://plugins.cordova.io/#/
尋找外掛程式: $ cordova plugin search bar code
添加外掛程式: 裝置API:Basic device information (Device API):
$ cordova plugin add cordova-plugin-device

網路連接、電池管理:Network Connection and Battery Events:
$ cordova plugin add cordova-plugin-network-information
$ cordova plugin add cordova-plugin-battery-status

加速度感應器,指南針,地理位置:Accelerometer, Compass, and Geolocation:
$ cordova plugin add cordova-plugin-device-motion
$ cordova plugin add cordova-plugin-device-orientation
$ cordova plugin add cordova-plugin-geolocation

相機、媒體播放和捕獲:Camera, Media playback and Capture:
$ cordova plugin add cordova-plugin-camera
$ cordova plugin add cordova-plugin-media-capture
$ cordova plugin add cordova-plugin-media

檔案訪問API:Access files on device or network (File API):
$ cordova plugin add cordova-plugin-file
$ cordova plugin add cordova-plugin-file-transfer

彈窗(對話方塊或震動):Notification via dialog box or vibration:
$ cordova plugin add cordova-plugin-dialogs
$ cordova plugin add cordova-plugin-vibration

Contacts:
$ cordova plugin add cordova-plugin-contacts

Globalization:
$ cordova plugin add cordova-plugin-globalization

Splashscreen:
$ cordova plugin add cordova-plugin-splashscreen

在瀏覽器中開啟:Open new browser windows (InAppBrowser):
$ cordova plugin add cordova-plugin-inappbrowser

偵錯主控台:Debug console:
$ cordova plugin add cordova-plugin-console     
查看已添加外掛程式: $ cordova plugin ls
刪除外掛程式: $ cordova plugin rm cordova-plugin-console $ cordova plugin remove cordova-plugin-console

大量新增或刪除外掛程式(以空格分隔):$ cordova plugin add cordova-plugin-console cordova-plugin-device
添加指定版本號碼外掛程式: $ cordova plugin add cordova-plugin-console@latest
$ cordova plugin add  cordova-plugin-console@0.2.1

添加在registry.cordova.io之外的代碼倉庫的外掛程式: $ cordova plugin add https://github.com/apache/cordova-plugin-console.git 指定版本號碼: $ cordova plugin add  https://github.com/apache/cordova-plugin-console.git#r0.2.0
指定添加到本地的目錄: $ cordova plugin add https://github.com/someone/aplugin.git#:/my/sub/dir $ cordova plugin add  https://github.com/someone/aplugin.git#r0.0.1:/my/sub/dir
指定本地外掛程式目錄: $ cordova plugin add ../my_plugin_dir
三、各平台差異化設定 在根目錄下建立merges目錄,允許不同平檯子目錄的合并與替換 目錄規則舉例:merges/android/www/css/index.css 例如:針對android設定個人化樣式,在index.html上添加<link rel="stylesheet" type="text/css" href="css/overrides.css" />,在www目錄下建立一個空檔案css/overrides.css(防止檔案找不到報錯),建立merges/android/www/css/overrides.css放置針對android的樣式。
四、協助 $ cordova help
$ cordova   
顯示指定命令的協助細節:$ cordova run --help
$ cordova info 顯示當前安裝的版本,config.xml,外掛程式資訊,支援的平台,可用模擬器版本等
五、cordova版本更新 cordova版本更新: $ npm update -g cordova
$ npm install -g cordova@3.1.0-0.2.0
顯示cordova外掛程式各版本更新細節: $ npm info cordova
更新平台資訊: $ cordova platform update android
$ cordova platform update ios
從舊版本遷移到新版本: 1、安裝新版本後建立cordova項目,添加支援平台 2、把舊項目的www目錄拷貝到新項目 3、舊項目的配置資訊在新項目config.xml重新設定 4、在新項目添加所需的外掛程式
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.