Ionic2 坑の补充

【注：博主这次使用的是国内镜像】

1、ionic2创建项目的坑：

2、ionic2第一次build项目的坑：

ionic2 编译打包的坑，

现在默认生成的项目为ionic2项目 ionic为项目的名字 ?

mac 搭建 ionic2 环境

直接去node官网上下载下来人后安装就行了,推荐使用稳定版。如果追求高版本的话可以下载测试版

ionic2 处理android硬件返回按钮

问题 注册安卓硬件返回按钮事件是必须的,因为用户不小心点击了返回按钮就退出app体验很不好，所以有几种方法： 1.实现按返回键最小化应用（最小化应用需要装cordova-plugin-appminimize插件，使用window['AppMinimize'].minimize();）。 2.要么请求用户确认（添加一个Confirmation Alerts）。 3.按一下提示，按两下退出（加一个方法用toast提醒）。 这里用第三种展示。 解决 在app.html中，添加#myNav，在app.compo

ionic2项目环境搭建

最近在学习ionic2，搭环境的时候遇到一些坑，自己写下来马克一下。 最开始用npm安装ionic，记得把npm升级一下到最新版本。npm install –g ionic 记得要全局安装。

ionic2 常用命令行

ionic start ionic2 --v2 创建一个ionic2 项目 ionic g page myPage 创建一个页面 ionic serve 启动ionic2项目 ionic platform /安卓打包的类型之类的 "password" : "xxxxxxxxxxxxxxxx" } } } 此配置文件命名为build.json同时放到ionic2 项目的根目录下面 ionic build ios 编译ios项目并打包ios ionic build 在ionic2 项目中生成一个www的目录里面存放编译后的代码，适用于ES5(浏览器可读的代码) ionic info 查看ionic2项目中添加了那些平台 ionic g page myPage 添加一些页面 比如我们通过命令行创建一个页面。

ionic2 （真正）修改应用图标和启动画面

今天在用ionic2 的ionic resources生成新的icon和splash，生成后安装，应用图标和启动画面依然没变化。。。

ionic2实现扫描二维码功能

安装插件 // 安装平台插件 ionic cordova plugin add cordova-plugin-qrscanner // 安装ionic2插件 npm install --save @ionic-native

ionic2引入cordova插件时提示 no provider for * 错误

直接上答案，如果出现这个错误，直接在component里添加一行代码： import { FileOpener } from '@ionic-native/file-opener'; @Component({ selector: 'page-home', templateUrl: 'home.html', providers: [FileOpener]//就是这行 }) 这里我用的是fileopener插件报的错，所以写的是FileOpener，其他模块填入相应模块名即可。

Ionic 2 ：如何实现列表滑动删除按钮1.创建Ionic2应用2.准备列表数据3.修改主页（HOME）的模版4.创建方法删除数据5.添加一个编辑按钮总结

这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表，当用户滑动列表项到左边的时候。这是一个处理删除列表数据时候常用的模式。本教程将涵盖创建这个滑动删除按钮所需要的一切。 ? 删除例子 1.创建Ionic2应用 通过以下命令行语句创建新的Ionic2应用： ionic start ionic2-delete blank --v2 这里我使用了–v2标志位，为了告诉Ionic命令行我们创建的是 Ionic2项目。 既然Ionic2还很新，我将这些步骤尽量阐述详细，下面我们看看app/home/home.js文件： import {Page} from 'ionic/ionic' @Page({ templateUrl 总结 Ionic2 这个特性真是太棒了，不仅能删除，还能轻易的添加其它按钮。 这同时也是一个非常完美的UI元素节省屏幕空间，不会显示这些信息除非你滑动屏幕。

【开发指南】（三）认识ionic3

一些语法和架构都有了变化，在此基础上Ionic2也同步发展。 相应的ionic2也同步升级到3。 或许有人会说，ionic2才接触没多久，结果又升到ionic3了，会不会太快不适应？ 其实ionic3基本向下兼容ionic2，除去性能等问题，两个版本变更编码直观感受深点的，就是懒加载和路由的调整（新版懒加载变得更加简单，利于web版开发和加快页面首屏加载），另外还有内置指令的更灵活化 @IonicPage装饰器 ionic2中导航器不是基于url的，如果想使用url访问就要通过DeepLinker来实现，这是比较麻烦的，而在新版本中可以通过@IonicPage装饰器来实现。

关于ionic2打包android时gradle下载不了的解决方法（附：简单优化启动速度彩蛋）

问题 之前在使用ionic2时使用建立android平台命令或者编译时，总是会在获取gradle时卡住，等很久进度也不变化，导致命令超时失败。于是经过查阅资料和自己实践测试，总结出以下办法。 ---- 彩蛋 ionic2打包android的app打开时很长时间白屏的简单解决方法： 在用ionic build android命令时，在后面加上--prod参数，即使用ionic build android 优化ionic2程序启动速度方法貌似还有不少，以后有时间专门研究一下写一篇全面点的。 谢谢大家阅读到最后，有什么问题欢迎交流！

【组件篇】ionic3开源组件

平时会留意一些开源组件，收藏到收藏夹里，然后一天mac电脑因为卸载window出问题导致不能不重装，然后里面的东西都没了，特别是适用于ionic2布局的angular2和普通js……so sad，现整理回一些并分享下 提醒一点，ionic3除了很方便使用ionic2及以上组件外，也很方便引入angular2或普通js的组件。这里列的基本都是ionic2，如果没有，可以自行找angular2或js的。

ionic cli的使用教程

安装ionic cli //Windows npm install -g ionic@latest //mac sudo npm install -g ionic@latest 2.创建项目 创建ionic2 的项目 默认是创建ionic2项目（--type=ionic-angular ）可以不写类型 ionic start myNewProject 创建ionic1的项目 ionic start

左手Ionic，右手年华

虽然Ionic1基本摸透了，但是它还是有一定学习成本，为了团队建设考量，等Ionic2出来后，我们犹豫了一下是否沿用Ionic1，也比较了一下其它移动端js框架，最后还是敲定了升级使用Ionic2。

JavaScript ,Python, j

经常活跃在 从零开始自学前端方向、大前端技术、全栈技术群、ionic2混合式app开发等微信群里面做一些分享，希望通过自身的影响让周围的人能够感受多点这个行业的余温，乐于去帮助那些需要解决技术问题的人群

HTML5手机APP开发入门(2)

error is caused by incompatibility between TypeScript and Angular and will be resolved with the next Ionic2

Spring Boot 之 MVC1、新建工程2、依赖更新3、编写Controller4、准备Model数据，映射请求路径5、配置JSP模版6、渲染输出

设置主页（Home page） 3 持久化数据保存 4 总结 Ionic 2 实现列表滑动删除按钮 1.创建Ionic2应用 2.准备列表数据 3.修改主页（HOME）的模版 4.创建方法删除数据 创建组件 修改src/components/progress-bar/progress-bar.ts如下： 3.使用这个组件 总结 使用VS Code在Chrome中调试Ionic 2 优化你的Ionic2

Ionic2 Rest 认证1、创建Ionic 2 APP2、创建服务3、创建登陆和注册页面4、登出和token检查

设置主页（Home page） 3 持久化数据保存 4 总结 Ionic 2 实现列表滑动删除按钮 1.创建Ionic2应用 2.准备列表数据 3.修改主页（HOME）的模版 4.创建方法删除数据 创建组件 修改src/components/progress-bar/progress-bar.ts如下： 3.使用这个组件 总结 使用VS Code在Chrome中调试Ionic 2 优化你的Ionic2

Ionic安装环境安装关于墙国环境创建Ionic项目测试运行项目

MyIonic2Project tutorial --v2 使用 start 命令，MyIonic2Project 这是项目名，tutorial是模版名，如果不指定该参数则默认使用tabs 模版，--V2说明使用ionic2