1、安装nodejs(自动包含npm)

2、在命令行中通过npm语句npm install -g cordova 安装cordova(如果提示网络连接失败，需要设置网络代理，搭理网址：npm config --global set registry http://registry.cnpmjs.org)

3、在命令行里通过安装成功的cordova,创建一个混合项目，创建语句：

cordova create CordovaDemo com.first.helloworld HelloWorld

CordovaDemo:项目文件夹名

com.first.helloworld:项目包名

Helloworld:项目 名

4、通过cd CordovaDemo 命令进入到文件夹内，通过以下命令cordova platform add android

为你的创建的项目添加安卓运行平台(ios平台添加也一样）

5、运行平台添加成功以后，还需要添加调用手机底层控件

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 状态栏

添加插件，有选择性的安装，没必要都安装...

6、项目创建成功，用开发工具导入你创建的项目。如果用的是Eclipse开发工具，导入项目以后需要注意调整你的sdk版本为5.1以上，并且，把你同时导入的jar包和项目关联起来

7、此时项目可以正常运行。项目结构中，需要注意的是assets文件夹，这个文件夹包含了以后项目开发需要维护、修改的全部文件。

8、在assets中的index.html页面是项目启动以后的首页。项目开发要从他开始。

9、想要实现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']);

10、在index.html页面的html标签里引用在app_modal里声明的模块。

<html lang="en" ng-app="app" ng-csp>

11、 这时候，创建的项目可以正确的运行onsenui前端框架提供的任何组件。但是需要注意的是：onsenui里的组件需要放在<ons-page>标签里面，而且  不要直接在<ons-page>标签内书写纯文本信息。

12、在index.html页面中，需要注意的是，<ons-page>标签推荐写在<ons-navigator>标签里，以方便页面的跳转。

13、然后就可以在index的<ons-page>标签内对onsenui提供的各种组件进行显示效果的测试了。

14、等熟悉了onsenui提供的各种组件的显示效果之后，就可以通过angularjs的配合实现数据的填充。

 








												


											
cordova的安装与配置的更多相关文章
	

    
								
  1. cordova 和 java ( JDK ) 和 android-studio （SDK）的初始安装和配置
		
    一:前言(2018) 之前封装APP都是用的HBuilder结合mui来封装的简单app,有空的时候想研究下之前的phonegap来封装app.然后遇到的问题还是蛮多的,毕竟之前没弄过. 下面的步骤主 ...
    
		
    2. 
						
  2. 安装并配置工具以使用iOS进行构建
		
    Visual Studio 2015   Visual Studio文档的新家是docs.microsoft.com上的Visual Studio 2017文档 . 有关Visual Studio 2 ...
    
		
    3. 
						
  3. PhoneGap3+版本号的安装、配置和使用[图]
		
    如若转载.请注明博文地址及原作者(RisingWonderland). PhoneGap2+版本号最高为2.9.1,从3+版本号開始,PhoneGap官方不再提供下载安装包,须要在联网状态下.通过No ...
    
		
    4. 
						
  4. Apache Cordova for ios环境配置
		
    原文:Apache Cordova for ios环境配置 1.安装针对iOS的工具 https://technet.microsoft.com/ZH-cn/library/dn757054.aspx ...
    
		
    5. 
						
  5. vs2015 cordova环境安装【个人遇到的几个问题】
		
    原文:vs2015 cordova环境安装[个人遇到的几个问题] 问题1: vs2015,设置  Debug  Android 设备[真机调试] Exception in thread "m ...
    
		
    6. 
						
  6. JDK安装与配置
		
    JDK安装与配置 一.下载 JDK是ORACLE提供免费下载使用的,官网地址:https://www.oracle.com/index.html 一般选择Java SE版本即可,企业版的选择Java  ...
    
		
    7. 
						
  7. Node.js 教程 01 - 简介、安装及配置
		
    系列目录: Node.js 教程 01 - 简介.安装及配置 Node.js 教程 02 - 经典的Hello World Node.js 教程 03 - 创建HTTP服务器 Node.js 教程 0 ...
    
		
    8. 
						
  8. 烂泥：redis3.2.3安装与配置
		
    本文由ilanniweb提供友情赞助,首发于烂泥行天下 想要获得更多的文章,可以关注我的微信ilanniweb 前一段时间写过一篇codis集群的文章,写那篇文章主要是因为当时的项目不支持redis自 ...
    
		
    9. 
						
  9. mysql源码包手动安装、配置以及测试（亲测可行）
		
    笔记编者:小波/qq463431476博客首页:http://www.cnblogs.com/xiaobo-Linux/ 记下这篇mysql笔记,望日后有用! redhat6采用centos yum源 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. K3/cloud执行计划插件示例
			
    public class AutoCheckInventory : IScheduleService { /// <summary>        /// 实际运行的Run 方法      ...
    
			
    2. 
						
  2. （转）git fetch + merge 和 git pull 的区别
			
    转自:http://blog.csdn.net/a19881029/article/details/42245955 Git fetch和git pull都可以用来更新本地库,它们之间有什么区别呢?  ...
    
			
    3. 
						
  3. Vue之生命周期activated与created使用
			
    created activated 触发顺序 组件创建最初始 created  =>  mounted =>activated 触发次数 只在组件刚创建时创建 在使用keep-alive标 ...
    
			
    4. 
						
  4. Java流，文件和I/O
			
    java.io包中包含几乎所有可能永远需要在Java中执行输入和输出(I/ O)类.所有这些数据流代表一个输入源和输出目标. java.io包中的流支持多种数据,如基本类型,对象,本地化的字符等 流可 ...
    
			
    5. 
						
  5. SQLServer2005:在执行时出现错误。错误消息为: 目录名无效
			
    删除数据时忘了想delete删除的话会记录日志,更何况是我删除百万条数据,结果还没删完服务器内存就占慢了,一切数据都进不来了,估计这种情况导致我的数据库有问题了,右键打开表提示:目录名无效,执行SQL ...
    
			
    6. 
						
  6. 巨杉Tech | SparkSQL+SequoiaDB 性能调优策略
			
    当今时代,企业数据越发膨胀.数据是企业的价值,但数据处理也是一种技术挑战.在海量数据处理的场景,即使单机计算能力再强,也无法满足日益增长的数据处理需求.所以,分布式才是解决该类问题的根本解决方案.而在 ...
    
			
    7. 
						
  7. numpy基础知识练习
			
    # 1.导入numpy模块 # 2.创建一个大小为10的空向量 # 3.创建一个大小为10的空向量,但是第五个值为1 # 4.创建一个10-49的ndarray数组 # 5.创建一个3x3的矩阵,其值 ...
    
			
    8. 
						
  8. 实现ENSP模拟器与物理主机、虚拟机通信
			
    一.环境描述 我需要实现华为模拟器中的网络设备和物理主机.虚拟机通信.这篇文章中以ENSP中的路由器为例,实现它和物理主机.虚拟机的通信.  二.实现方法 在ENSP中借助Cloud来实现. 在Clo ...
    
			
    9. 
						
  9. pytest学习2-运行方式
			
    pytest常用运行方式 运行目录及子包下的所有用例: pytest 目录名 运行指定模块所有用例: pytest test_reg.py pytest test_reg.py::TestClass: ...
    
			
    10. 
						
  10. 是未来还是“有毒”？紧抓球鞋风口的毒APP机遇与危机并存
			
    编辑 | 于斌 出品 | 于见(mpyujian) 新一代的"潮流"之风正在席卷新生代消费市场,从去年开始,国内二手球鞋交易领域突然开始火爆,大有成为新一轮"风口&quo ...
    
			
    11.