2021-04-27

vuexy-starter-kit 版本运行及iview组件的安装

1.下载vuexy-starter-kit （包中有全部的vuexy资料，如果需要全的直接使用vuexy-full版本）

首先要获取vuexy-starter-kit

https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/landing/ 

vuexy的帮助文档：

英文版：https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/documentation/guide/#how-to-use-docs

中文版： https://www.yuque.com/creativer/vuexyinchinese/isn22v

2.npm 安装及部分说明

vscode 打开 vuexy-starter-kit 直接npm install

2.1.由于vuexy中使用的组件大多数都是vue-bootstrap的组件，缺少很多非常有用的组件，比如： iview的Cascader 级联选择

我们将扩展iview组件适配vuexy

2.2.vuexy中的表格组件功能都不是很强大，我们推荐使用vxe- table vue表格组件 

https://xuliangzhan_admin.gitee.io/vxe-table/v3/#/table/start/install

3.扩展iview

npm install view-design --save

在main.js中加入

import ViewUI from 'view-design'

import 'view-design/dist/styles/iview.css'

Vue.use(ViewUI)

到此完成了 iview的集成，下一章记录如何修改iview主题同vuexy同步