# 更新日期 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 文件内 ├─src │ └─.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-dspf (定时排风版本) ├─3.3.2-dzxxp (电子信息牌版本) │ ├─suzhouDX-web (苏州大学-当前线上版本) │ ├─suzhouDX-web (化工学院-当前线上版本) │ └─suzhouDX-web (安全学院-当前线上版本) ├─3.3.4-kdyh (矿大优化版本) │ └─nhkd-web (环测学院-当前线上版本) ├─3.3.3-AnQuanJianCha (新安全检查版本) │ ├─3.3.5-BaoJingZhuaPai&DianHuaBaoJing (报警抓拍&电话报警版本) │ └─3.3.6-zzjg&jzbj (组织架构&建筑布局版本) ├─3.3.3-temp (包含 3.3.3 & 3.3.5 & 3.3.6 版本所有内容) ├─3.3.7-scxjy (手持巡检仪版本) ### 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