/agile-vue

Vue + Element.UI 脚手架项目

Primary LanguageVueMIT LicenseMIT

VUE + ELEMENT.UI 演示项目

项目目前正在开发,变动可能会很大,暂时只供研究学习参考

特点

  1. 基于 VUE CLI

  2. 自带 Mock 服务器

  3. 使用 .env 配置环境变量

  4. 使用不同配置文件来分割不同项目入口

在线演示

https://agile.huijiewei.com/admin 账号:13098761234 密码:123456

教程

安装

npm install

配置

修改 Hosts
127.0.0.1 www.agile.test

vue.config.js 配置说明

可以根据 package.json 文件 scripts 内命令行 VUE_CLI_SERVICE_CONFIG_PATH 参数使用不同项目入口配置文件

运行本地开发

复制 .env.example 为 .env.development

npm run serve:admin
npm run serve:mobile

构建生产版本

npm run build:admin
npm run build:mobile

关键目录说明

├── dist // 生成的生产环境文件
├── mocker // Mock 服务器和 Mock 数据
├── src // 源代码目录
│   ├── core // 公用核心模块
│   └── modules // 模块目录
│      └── admin // 管理后台
│      └── mobile // 移动端

其他说明

默认 Mock 服务后台管理员:

用户:13012345679 密码:123456

后端配合

Agile Spring Boot

https://github.com/huijiewei/agile-boot

说明文件版本更新

Version: 2020-10-31 19:30

Element-UI 的一个小修正

打开 ./node_modules/element-ui/lib/cascader-panel.js 文件 1053 行 把 if(value) 改为 if (value !== undefined && value !== null) {