Note: 编辑器使用VS Code，可以通过查看->集成终端打开编辑器内的终端环境，执行 ionic 命令。 awesomeProject 表示项目的名称，可自定义，接着会出现以下模板选项，可以通过上下箭头选择新建的项目。 解释一下，tabs是类似微信这样底部包含Tab的模板…

学习一门新的计算机技能最基本的就是开发环境配置，顺利的情况下很简单，不顺利的时候能折腾人半天，令人头疼。从入门到放弃说的可能就是配置开发环境出错这个阶段吧。 ionic 开发必不可少 Node、Cordova 和 ionic 这三者。Android 和 Xcode 两者的环境配…

移动开发已经成为一股潮流，web开发者假如也想在此浪潮中冲浪的话，我推荐 ionic 这个跨平台的移动应用开发框架。它的口号是 Build amazing apps in one codebase, for any platform, with the web, 可以做到 wr…

这一节我们来讲讲界面的生命周期，在此之前需要让大家熟悉下堆栈式导航的相关内容。需要提及的两个概念是，当一个页面对我们是可见的，那它就是active，假如不可见，那就是inactive。堆栈式导航的意思很简单，一幅图可以说明。假设一个场景，从A界面跳转到B界面，然后B界面返回至A…

这一节我们来探索如何设置APP的整体风格。我们都知道Android和ios默认的组件是截然不同的两种风格，比如说TimePicker，Modal等等，假如产品经理要求在两个平台上的风格保持一致，那该怎么办呢？ionic提供了这样的选项，秘密就在app.module.ts这个文件…

上一篇讲了数据绑定和事件绑定，这一篇该讲如何美化下我们的界面了，打算分为class绑定，style绑定和全局样式三个部分来讲。此篇所有的代码在上一篇的代码基础上添加。开始之前用编辑器打开awsomeProject，通过ionic serve命令运行项目 ionic 样式使用的是…