开源软件名称：

ionic-cordova-demo

开源软件地址：

https://gitee.com/easytuan/ionic-cordova-demo

开源软件介绍：

简体中文 | English

一个基于Ionic3.x cordova的移动APP demo

如遇网络不佳，请移步国内镜像加速节点

前端技术:

Angular4.x + ionic3.x + cordova

项目运行:

git clone [email protected]:EasyTuan/ionic-cordova-demo.git# 国内镜像加速节点:[email protected]:easytuan/ionic-cordova-demo.git# 全局安装ionic和cordovanpm install -g cordova ionic# 安装项目依赖npm install# 在浏览器中启动项目npm run serve# 添加android平台ionic cordova platform add android# usb连接安卓手机运行npm run dev

项目名：[A Ionic3.x project]，Ionic3.x的移动APP demo。

1. 如何运行

node版本 [8.0.0]

1.1 开发环境配置

# 安装ionic和cordovanpm install -g cordova ionic# 安装项目依赖npm install

1.2 开发过程

1.2.1 命令

# 在浏览器中启动项目ionic serve# 添加android平台ionic cordova platform add android# usb连接安卓手机运行ionic cordova run android

1.3 发布

# 打包npm run build

2. 业务介绍

2.1 小程序业务入口

入口地址为 src/app/app.module.ts

目录结构

ionic-conference-app/||-- resources/||-- src/|    |-- app/|    |    ├── app.component.ts|    |    └── app.module.ts|    |    └── app.template.html|    |    └── main.ts|    ||    ├── assets/|    |    ├── fonts/|    |    ||    |    ├── icon/|    |    ||    |    └── images/|    ||    |-- components/                     * 组件|    ||    |-- pages/                          * 页面|    |│    ├── services/                       * angular主题|    |     └── httpService.ts            * http请求封装|    |│    ├── theme/                          * ionic主题配置|    |     └── variables.scss            * 主题 Sass 变量|    ||    └── index.html|├── .editorconfig                       * 代码风格配置文件├── .gitignore                          * git忽略目录├── LICENSE                             ├── README.md                           ├── config.xml                          * Cordova配置文件├── ionic.config.json                   * Ionic配置文件├── package.json                        * 依赖配置文件├── tsconfig.json                       * TypeScript配置选项└── tslint.json                         * 定义 TypeScript 规则