cordova 使用(轉)
cordova的安裝與配置
一、安裝nodejs(自動包含npm)css
二、在命令行中經過npm語句npm install -g cordova 安裝cordova(若是提示網絡鏈接失敗，須要設置網絡代理，搭理網址：npm config --global set registry http://registry.cnpmjs.org)html
三、在命令行裏經過安裝成功的cordova,建立一個混合項目，建立語句：前端
cordova create CordovaDemo com.first.helloworld HelloWorldnode
CordovaDemo:項目文件夾名android
com.first.helloworld:項目包名ios
Helloworld:項目 名angularjs
四、經過cd CordovaDemo 命令進入到文件夾內，經過如下命令cordova platform add androidnpm
爲你的建立的項目添加安卓運行平臺(ios平臺添加也同樣）瀏覽器
五、運行平臺添加成功之後，還須要添加調用手機底層控件前端框架
cordova plugin add cordova-plugin-device
cordova-plugin-device 基本設備信息
cordova-plugin-network-information 網絡鏈接信息
cordova-plugin-battery-status 電池狀態信息
cordova-plugin-device-motion 加速度信息
cordova-plugin-device-orientation 指南針信息
cordova-plugin-geolocation 定位數據
cordova-plugin-camera 相機
cordova-plugin-media-capture 媒體捕獲
cordova-plugin-media 媒體播放器
cordova-plugin-file 訪問文件
cordova-plugin-file-transfer 文件傳遞
cordova-plugin-dialogs 消息提示對話框
cordova-plugin-vibration 振動提醒
cordova-plugin-contacts 聯繫人
cordova-plugin-globalization 全球化
cordova-plugin-splashscreen 閃屏(啓動畫面)
cordova-plugin-inappbrower 瀏覽器
cordova-plugin-console 控制檯
cordova-plugin-statusbar 狀態欄
添加插件，有選擇性的安裝，不必都安裝...
六、項目建立成功，用開發工具導入你建立的項目。若是用的是Eclipse開發工具，導入項目之後須要注意調整你的sdk版本爲5.1以上，而且，把你同時導入的jar包和項目關聯起來
七、此時項目能夠正常運行。項目結構中，須要注意的是assets文件夾，這個文件夾包含了之後項目開發須要維護、修改的所有文件。
八、在assets中的index.html頁面是項目啓動之後的首頁。項目開發要從他開始。
九、想要實現OnsenUI和AngularJs協做的混合項目，還須要進行如下的簡單配置。由於項目是單頁面項目（SPA），因此項目運行期間用到的CSS和js文件，須要所有聲明在index.html頁面。
（1）引用必需要引入的兩個css文件：
onsenui.css （組件）和 onsen-css-components-blue-basic-theme.css(主題)
(2)引入幾個必須引入的js文件，
angular.js
onsenui.js
cordova_plugins.js
cordova.js
和自定義的app_model.js,
注意：cordova.js和cordova_plugins.js只用在調用手機底層功能的時候纔有用。因此在瀏覽器運行項目的時候，須要屏蔽這兩個js文件，另外，app_modal.js裏的內容只寫一 句便可：
var app = angular.module('app',['onsen']);
十、在index.html頁面的html標籤裏引用在app_modal裏聲明的模塊。
<html lang="en" ng-app="app" ng-csp>
十一、 這時候，建立的項目能夠正確的運行onsenui前端框架提供的任何組件。可是須要注意的是：onsenui裏的組件須要放在<ons-page>標籤裏面，並且 不要直接在<ons-page>標籤內書寫純文本信息。
十二、在index.html頁面中，須要注意的是，<ons-page>標籤推薦寫在<ons-navigator>標籤裏，以方便頁面的跳轉。
1三、而後就能夠在index的<ons-page>標籤內對onsenui提供的各類組件進行顯示效果的測試了。
1四、等熟悉了onsenui提供的各類組件的顯示效果以後，就能夠經過angularjs的配合實現數據的填充。
- 1. cordova imagePicker 使用
- 2. Cordova使用（vue）
- 3. Cordova使用教程
- 4. cordova插件使用
- 5. Cordova安裝使用
- 6. cordova-ionic3：cordova-plugin-wechat使用總結
- 7. [轉] cordova-plugin-x-toast
- 8. [轉載]cordova入門
- 9. 使用Cordova API開發(下)
- 10. cordova經常使用命令
- 更多相關文章...
- • TortoiseSVN 使用教程 - SVN 教程
- • Docker 容器使用 - Docker教程
- • Composer 安裝與使用
- • 使用Rxjava計算圓周率
-
每一个你不满意的现在，都有一个你没有努力的曾经。