Ionic4基础--安装和创建项目

1、Ionic 介绍

Ionic 是一个开源的移动应用程序开发框架，它可以轻松地使用 web 技术构建高质量的跨平台的移动应用。

可以让我们快速开发移动 App、移动端 WEB 页面、微信公众平台应用，混合 app web 页面等。

Ionic4.x 以后在 Angular、Vue、React 基础上面做了一些封装，让我们可以更快速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova , Cordova 提供了使用JavaScript 调用 Native 功能，Ionic 自己也封装了一套漂亮的 CSS UI 库。

 

2、Ionic的安装运行

• 安装 nodejs
• 安装cordova ionic                             npm install -g cordova ionic
• 创建项目                                            ionic start myApp tabs
• cd到刚才创建的项目，运行项目       ionic serve
• 创建页面                                            ionic g page tab4

 

3、一些常用的第三方模板

//时间戳转年月日
import sd from 'silly-datetime'; 
constructor() {
	this.day=sd.format(new Date(), 'YYYY-MM-DD'); 
}

//手势
//在项目的 src/main.ts 中引入 hammerjs
npm install hammerjs --save
import 'hammerjs';

//事件驱动（广播）
npm install --save eventemitter3
import {EventEmitter} from 'eventemitter3';

//md5加密
npm install ts-md5 --save
import {Md5} from "ts-md5/dist/md5";