随笔分类 - Cordova

VS2015+Cordova+Ionic+Angular
摘要:VS2015在升级到Update2之后,有可能出现如下异常,在运行Cordova项目时提示: 查看输出面板会有乱码错误信息: 出现此问题的原因是在于npm程序损坏了。vs调用的npm程序并不是在node安装目录下的npm,而是在: C:\Users\用户名\AppData\Roaming\Microsoft\VisualStudio\MDA\vs-npm\版本号\ 升级完VS之... 阅读全文
posted @ 2016-05-03 09:46 最终的阿瓦隆 阅读(1139) 评论(0) 推荐(2) 编辑
摘要:一、创建侧边菜单和导航项目 1.使用VS创建一个Ionic空项目,同时创建一个Ionic SideMenu和Ionic Tabs项目。将SideMenu和Tabs项目里的templates和js文件合并到空项目里,修改js对应的代码即可。完整项目工程如下: 2.App.js代码修改如下: /* * 加载所需要的各个模块 * 上篇教程中加载了controllers控制器模块 *... 阅读全文
posted @ 2016-04-05 12:16 最终的阿瓦隆 阅读(2352) 评论(5) 推荐(4) 编辑
摘要:一、布局 Ionic模板提供了一个侧边栏菜单示例项目和标签选项卡示例项目。本案例将两个布局进行结合,简单介绍下Ionic的布局。Ionic采用自定义标签和标准Html标签相结合。相对于全部使用div方式来说,自定义标签的可读性更强。Ionic的界面呈现既可以使用静态页面方式呈现,也可以使用Angular提供的路由机制和控制器来控制控制页面的呈现及数据绑定。 使用VS创建一个空白的Ionic项目... 阅读全文
posted @ 2016-03-31 16:28 最终的阿瓦隆 阅读(2217) 评论(0) 推荐(4) 编辑
摘要:一、基础设置 1.修改App名称和程序起始页 打开config.xml配置文件显示如下,在【通用】选项卡中,将显示名称和起始页,修改为自己想要的名称即可。 如需直接在xml文件中修改:右击config.xml,使用【查看代码】进行修改即可。 2.插件安装 一般在项目开发中,免不了使用第三方的插件,在 阅读全文
posted @ 2016-03-30 16:56 最终的阿瓦隆 阅读(2741) 评论(3) 推荐(4) 编辑
摘要:一、创建空白Cordova应用 打开VS,选择【新建项目】,选择其它语言JavaScript或者TypeScript,语言的话就按个人喜好,喜欢JS就用JS,喜欢TS就用TS,推荐使用TS书写,代码结构和可读性相对更强。本文演示使用JS来书写,方便不会TS的用户阅读。 创建完项目后,项目结构如下: 阅读全文
posted @ 2016-03-28 16:53 最终的阿瓦隆 阅读(5377) 评论(7) 推荐(6) 编辑
摘要:一、Windows环境配置 1.如果已经安装VS2015,打开【工具】-【选项】找到Cordova选项: 运行依赖关系查看器,用来检测开发环境是否完整。 如果检测显示: 那么就是环境配置完成了。可以直接开发了。 如果显示有错误页面,那么按照错误页面的提示,进行对应的环境配置即可。 一般错误页面提示都 阅读全文
posted @ 2016-03-28 13:04 最终的阿瓦隆 阅读(7512) 评论(9) 推荐(6) 编辑