# ionicVue

**Repository Path**: wzf926/ionicVue

## Basic Information

- **Project Name**: ionicVue
- **Description**: ionic vue 框架整合， ionic 与vue的无缝对接
- **Primary Language**: JavaScript
- **License**: Unlicense
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2020-09-13
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ionicVue

#### 介绍
# ionic vue 框架整合， ionic 与vue的无缝对接

项目目录结构说明：
vue-src项目： 
1. 该目录是一个vue3.0的项目，目录介绍
![输入图片说明](https://images.gitee.com/uploads/images/2019/0423/101643_211e28e3_1632560.png "vue-src目录介绍.png")
![输入图片说明](https://images.gitee.com/uploads/images/2019/0423/102153_3b3f993e_1632560.png "项目结构介绍.png")

#### 软件架构
软件架构说明
1. 架构采用：vue + ionic + vant + ydui搭建
2. vue 作为后台， 实现数据传输和渲染数据到页面
3. ionic 运行app的外壳
4. vant + ydui 渲染页面，美化页面和数据渲染

#### 安装教程

1. 安装nodejs 下载地址：https://nodejs.org/en/  <br>
    1）. 查看node版本：node -v <br>
    2）. 查看npm版本： npm -v  <br>
2. 安装国内镜像cnpm,在国内访问国外网站网速很慢，可能无法访问<br>
    1）. npm install -g cnpm --registry=https://registry.npm.taobao.org<br>
    2）. 查看cnpm版本：cnpm -v<br>
3. 安装gulp webpack cordova ionic vue-cli 依次执行以下命令
    1）. cnpm i @vue/cli -g -d  <br>
    2）. cnpm i gulp  -g -d  <br>
    3）. cnpm i webpack -g -d  <br>
    4）. cnpm i cordova@7.0.0 -g -d  <br>
    5）. cnpm i ionic -g -d  <br>
    6）. cordova 安装7.0及以下版本， 新版本与npm存在差异， 创建项目报错，目前还没有找到解决方案 <br>
    7）. 安装完成后查看版本：<br>
    &nbsp;&nbsp; ionic -v   CLI 4.12.0 <br>
    &nbsp;&nbsp; gulp -v    CLI version: 2.2.0 <br>
    &nbsp;&nbsp; cordova -v 9.0.0 (cordova-lib@9.0.1) <br>

4. 克隆项目
    1. 在线下载，需要安装git客户端， 如果没有客户端，可直接下载zip包即可(可能后期不太好更新了)<br>
        git clone https://gitee.com/cako/ionicVue.git <br>
    2. 进入到项目 <br>
        首先进入vue-src: 执行cnpm i -d <br>
        等待依赖包安装完成后执行：npm run serve 启动项目后即可打开页面如下图所示：
        <br>![输入图片说明](https://images.gitee.com/uploads/images/2019/0423/105523_66a19e57_1632560.png "企业微信截图_15559874284066.png")

#### 使用说明

1. xxxx
2. xxxx
3. xxxx

#### 参与贡献

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