digital-government-mobile-ui v0.2.0

快速上手

文件目录结构

├── public                     # 静态资源
│   │── favicon.ico            # favicon图标
│   └── index.html             # html模板
├── examples                   # 例子demo
│   ├── assets                 # 主题 字体等静态资源
│   ├── components             # 全局公用组件
│   ├── mock                   # 模拟数据
│   ├── router                 # 路由
│       └── index.js           # 主入口
│   ├── store                  # 全局 store管理
│   ├── views                  # views 所有页面
│       │── chart              # 图例demo
│       └── Home.vue           # 组件展示页面
│   ├── App.vue                # 入口页面
│   ├── main.js                # 入口文件 加载组件 初始化等
├── lib                        # 打包库文件资源
├── packages                   # 主要组件源码
├── utils                      # 工具类
│   ├── tools.js               # 工具方法
├── .gitignore                 # git 提交忽略文件
├── .npmignore                 # npm 提交忽略文件
├── babel.config.js            # babel.config.js
├── vue.config.js              # vue-cli 配置
└── package.json               # package.json

脚手架

在新项目中使用 digital-government-mobile-ui 时，推荐使用 Vue 官方提供的脚手架 Vue Cli 创建项目

# 安装 Vue Cli
npm install -g @vue/cli

# 创建一个项目
vue create hello-world


### 通过 npm 安装

在现有项目中使用 digital-government-mobile-ui 时，可以通过`npm install` 后运行 `npm run serve` 查看

# 组件库打包
npm run lib

```bash
# 通过 npm 安装
npm i digital-government-mobile-ui -S

### 组件引入方式

```js
import Vue from 'vue';
import DgmUI from "digital-government-mobile-ui"
import "digital-government-mobile-ui/lib/dgm-ui.css"

Vue.use(DgmUI)