vue-fast-manage v1.1.5
vue-fast-manage
介绍
本库主要用来对基于vue-cli搭建的项目在开发后台管理系统等项目时进行快速的项目构建,通过指令进行项目初始化配置,自动生成axios、router、ui框架等的基本配置,免于手动重复配置。此外可以通过指令生成相关的功能模块,自动为模块生成路由与骑牛配置。最后还提供了了对功能性组件的设置,需要生成组件时,直接通过组件生成即可。为vue开发后台管理系统提供了快速的方案,免于相似功能重复配置。
软件架构
主要分成三大模块: 1、项目初始化模块; 2、项目中功能模块的生成; 3、项目中功能组件的生成。
安装教程
执行:npm install vue-fast-manage -g
(需要进行全局安装)
使用教程
- 项目初始化
在利用vue-cli脚手架完成项目搭建以后,无需其他的配置,直接在项目的根目录下面执行
vue-g i
, 之后根据根据命令行进行项目中配置方式的选择,主要是以下几点: (1)项目框架的选择,目前主要提供了element、iview-design、antd-of-vue等常用的ui框架的选择,如果需要其他的框架,则可以选择自定义。 (2)是否对接sso平台,将根据选择的结果生成是否对接sso平台进行登录。 (3)是否使用mock进行接口模拟,根据选择的结果决定是否使用mockjs进行数据模拟,如果是确定将生成mock配置文件。 选择完成后,src目录下面生成对应的对应的配置文件。
2、功能模块添加
在开发后台管理系统时最常遇到的问题就是各类功能模块的添加,例如:用户模块,一般就是对用户模块的列表筛选展示、用户信息的删除、创建、更新等操作。如果有其他的功能模块,其基本功能也是类似的,按照以往的方案需要一个个复制粘贴,然后在重新导入路由、配置请求等,现在直接执行vue-g m <path> <moduleName...>
.
path:模块生成路径或目录。
moduleName:为生成的模块名,可以是多个,空格隔开即可。(功能模块的路由以及请求均会以此为基础生成)
将根据以下步骤生成:
(1)根据初始化时选择的框架,选择对应的组件生成列表、表单等两个组件;
(2)根据初始化时配置得mock决定是否生成mock配置;
(3)在/request/api.js文件下生成对应的请求接口信息;
执行完成后将会在指定的目录下面生成对应的功能模块,且无需配置路由、生成并引入对应的请求配置。
3、功能组件的添加
除了功能模块外,在管理系统的开发中可能会遇到单独的功能组件或页面,如统计数据展示、用户信息编辑、文本编辑等单独模块,可执行vue-g f <path> <moduleName...>
,执行后将会需要用户选择对应的功能模块,如数据展示、表单提交、文本编辑等,如果想其他的组件则选择自定义即可。
执行后执行以下步骤:
(1)用户选择对应的功能组件,可选择预设组件或自定义组件;
(2)在设置的路径下面生成对应的功能组件