0.0.2 • Published 2 years ago
vue-cli-plugin-viewui-admin v0.0.2
vue-cli-plugin-viewui-admin
ViewUI(iView) admin template plugin for @vue/cli 4
Usage
Ensure you are in a project generated by Vue CLI v4. You install this plugin by running the following command:
# Create vue project
# At least choose the features:Babel、Router、Vuex、CSS Pre-processors(Less)、Linter / Formatter(ESLint + Prettier)、Placing config(In dedicated config files)
vue create my-project
# Install plugin
npm install vue-cli-plugin-viewui-admin -D
# Invoke plugin
vue invoke vue-cli-plugin-viewui-admin
After adding the plugin, the file structure will be the below.
├─public/ # 主页模板目录
├─src/ # 源码目录
│ ├─api/ # 数据接口目录
│ ├─assets/ # 静态资源文件目录
│ │ ├─icons/ # SVG 目录
│ │ └─images/ # 业务图片目录
│ ├─components/ # 业务无关公用组件目录
│ ├─config/ # 项目配置目录
│ ├─helpers/ # 全局业务相关工具方法目录
│ ├─layouts/ # 布局目录
│ ├─lib/ # 静态数据目录
│ ├─router/ # 路由配置目录
│ ├─store/ # Vuex 配置目录
│ ├─themes/ # 相关主题样式目录
│ ├─utils/ # 业务无关工具方法目录
│ ├─permission/ # 路由权限目录
│ ├─views/ # 项目业务相关公用组件目录
│ └─pages/ # 页面容器组件目录
│ ├─dashboard/ # 监控分析页
│ │ ├─components/ # 监控分析页子组件
│ │ └─index.vue # 监控分析页路由容器组件
│ ├─system-management/ # 系统管理页模块
│ │ ├─helpers/ # 系统管理模块工具方法
│ │ ├─menu-management/ # 菜单管理页
│ │ │ ├─MenuEdit.vue # 菜单编辑组件
│ │ │ ├─helper.js # 菜单管理工具方法
│ │ │ └─index.vue # 监控分析页路由容器组件
│ │ ├─role-management/ # 角色管理页
│ │ └─user-management/ # 用户管理页
│ ├─login/ # 登陆页
│ └─user-page/ # 个人中心页模块
│ ├─user-center/ # 个人中心
│ └─user-set/ # 设置中心
├─.eslintignore # 指定 eslint 忽略的文件
├─.eslintrc.js # 配置 eslint 的检测规则
├─.gitignore # Git 提交忽略的文件配置
├─.browserslistrc # 项目的目标浏览器的范围配置
├─.prettierignore # Prettier忽略文件配置
├─.prettierrc # Prettier配置
├─babel.config.js # babel 编译配置
├─package-lock.json # 用来锁定依赖的版本号(NPM 自动生成)
├─package.json # package.json
├─README.md # 项目介绍
└─vue.config.js # 项目脚手架工具配置文件
Related Projects
- vue-iview-admin-template - Vue 2.0 admin template based on View UI 🐜
License
MIT