# 更新日期 2023/07/17 ## 一.开发 # 安装依赖 npm install # 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # 启动服务 npm run dev 浏览器访问 http://localhost:80 ## 二.发布 # 构建测试环境 npm run build:stage # 构建生产环境 npm run build:prod ## 三.版本相关 ### 1.版本差异字段 ##### .env.development与.env.production文件下均有VUE_APP_VERSION_DIFFERENCE_FIELD字段 ##### 可通过配置不同的字符来展示各版本差异化内容 矿业大学-环测学院 VUE_APP_VERSION_DIFFERENCE_FIELD = 'kuangYeDaXue_nanHu' 苏州大学 VUE_APP_VERSION_DIFFERENCE_FIELD = 'suZhouDaXue' 西北农林大学 VUE_APP_VERSION_DIFFERENCE_FIELD = 'xiBeiNongLinDaXue' ### 2.版本分支关系 ├─3.3.1-定时排风 ├─3.3.2-电子信息牌 │ ├─suzhouDX-web(苏州大学当前线上版本) │ ├─suzhouDX-web(化工学院当前线上版本) │ └─suzhouDX-web(安全学院当前线上版本) ├─3.3.4-矿大优化 │ └─nhkd-web(环测学院当前线上版本) ├─3.3.3-新安全检查 │ ├─3.3.5-报警抓拍&电话报警 │ └─3.3.6-组织架构&建筑布局 ### 3.多页面路由配置方法用于展示各版本差异化内容(即将废弃,留作备案) #### 3.1针对矿大项目修改 针对布局与疏散图 适配多楼栋 多楼层 ##### 路由配置示意 ├─views │ ├─comprehensive │ │ └─laboratoryManagement │ │ ├─building │ │ │ └─indexOne.vue │ │ └─subject │ │ └─indexTwo.vue │ └─emergencyManagement │ └─evacuation │ └─emergencyEvacuation │ ├─indexOne.vue │ └─performEvacuationOne.vue ##### 静态路由修改项 * path: '/emergencyEvacuationBig' 地址修改为 emergencyEvacuationBigOne * path: '/' 地址修改为 home ##### 其他修改项 * 项目名称修改 => 实验室安全智能监测与控制系统 * 取消按钮首页注释 layout => components => Navbar.vue #### 3.2针对空军四医大项目 实验室-物联设备配置只有传感器与智能门禁 ##### 路由配置示意 ├─views │ ├─comprehensive │ │ ├─laboratoryManagement │ │ │ └─subject │ │ │ └─indexOne.vue │ │ ├─message │ │ │ └─noticeconfig │ │ │ └─indexOne.vue │ │ ├─system │ │ │ └─publicConfig │ │ │ └─indexOne.vue │ │ └─personnel │ │ └─teacher │ │ └─indexOne.vue │ └─mine │ └─indexOne.vue ##### 静态路由修改项 * path: '/login' 地址修改为 loginOne * path: '/' 地址修改为 loginOne ##### 其他修改项 * 项目名称修改 => 危化品智能存储管理系统 * 按钮首页注释掉 layout => components => Navbar.vue