agile vue

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) {