# d7c-ionic

**Repository Path**: d7c/d7c-ionic

## Basic Information

- **Project Name**: d7c-ionic
- **Description**: 一个基于 ionic 搭建的混合 APP 骨架工程。
- **Primary Language**: NodeJS
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: http://www.d7c.top/
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-09-10
- **Last Updated**: 2024-11-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# d7c-ionic

## 介绍

基于 ionic 搭建的混合 APP （HybridApp）骨架工程。

## 软件架构

### 移动应用程序开发框架 ionic

ionic 是一个开源的移动应用程序开发框架，它可以轻松地使用 WEB 技术构建高质量的跨平台移动应用，可以让我们快速的开发移动 APP、移动端 WEB 页面、微信公众平台应用、混合 APP WEB 页面，[ionic 官网](https://ionicframework.com/)，[中文官网](http://www.ionic.wang/)，[GitHub 地址](https://github.com/ionic-team/ionic-framework)。

## 安装教程

### 1. 安装开发依赖模块

```
1、less
npm install --save-dev less-loader
2、@ionic/lab（在浏览器上模拟多个平台的手机运行界面）
npm install --save-dev @ionic/lab
2.1、ionic serve --lab / ionic serve -l
<img src="./docs/ionic serve -l.png">
3、
```

### 2. 安装项目依赖模块

```
1、vuex，https://vuex.vuejs.org/zh/
npm install --save vuex
2、swiper，https://swiperjs.com/，https://swiperjs.com/vue
npm install --save swiper
3、nanoid，https://www.npmjs.com/package/nanoid
npm install --save nanoid
4、format-datetime
npm install --save format-datetime
5、axios，https://www.axios-http.cn/
npm install --save axios
```

## 使用说明

本项目开发文档：[v6](https://ionicframework.com/docs/)，[v6-vue](https://ionicframework.com/docs/vue/overview)，[可参考项目](https://github.com/ionic-team/ionic-vue-conference-app)。

### 1. 克隆并安装项目，在项目根目录下执行

```
npm install
```

### 2. 启动服务命令

```
在浏览器中运行命令：ionic serve
编译命令：ionic build
```

## 浏览器运行展示

<img src="./docs/展示.png">

## 捐助打赏

如果您觉得我们的开源软件对你有所帮助，请扫下方二维码打赏我们一杯咖啡。
![微信收款码](https://images.gitee.com/uploads/images/2021/0222/174352_b22739f5_1070311.jpeg "微信收款码.jpg")
![微信赞赏码](https://images.gitee.com/uploads/images/2021/0222/174521_67e18b39_1070311.jpeg "微信赞赏码.jpg")
![支付宝收款码](https://images.gitee.com/uploads/images/2021/0222/174540_94a9ac41_1070311.jpeg "支付宝收款码.jpg")

## 参与贡献

1.  Fork 本仓库
2.  新建 d7c-ionic_xxx 分支
3.  提交代码
4.  新建 Pull Request

## 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

<style>p{text-indent:2em}</style>