【源码】基于 Vue.js 框架的业务开发工程模板

项目简介

本项目是基于 Vue.js 框架的业务开发工程模板，专注于业务内容开发，有较多公共配置。集成了 vue-router、vuex、axios 等常用模块，对公共 CSS 样式、请求处理等进行预封装，提供完整且标准化的开发环境，可提升开发效率与代码质量。

项目的主要特性和功能

1. 丰富的已配置模块：包含用于路由管理的 vue-router、状态管理的 vuex、处理请求的 axios、管理页面标题的 vue-wechat-title 以及用于代码转换的 babel/preset-env。
2. 多样的预封装内容：涵盖公共 CSS 样式初始化、KeepAlive 使用规则、环境配置文件使用规则、Navbar 组件、Request 公共请求处理、AES 和 RSA 加解密功能，还配置了 editorconfig 规则。
3. 清晰的工程结构：源代码按功能分为 api、assets、components 等多个目录，便于代码组织和维护。
4. 多环境配置支持：针对开发、测试、生产等不同部署环境提供对应环境配置文件，方便不同环境的部署与调试。
5. 便捷的调试和打包命令：修改配置文件属性可指定正向代理地址调试，提供不同环境的打包命令。

安装使用步骤

1. 打开终端，进入已下载的项目根目录。
2. 安装项目依赖，执行命令：npm install。
3. 根据需求修改环境配置文件，不同部署环境对应不同的.env.*文件，如.env.development用于开发环境。
4. 启动开发服务器进行调试，执行命令：npm run serve。若需指定正向代理地址，可修改配置文件中的VUE_APP_BASE_URL_NG属性。
5. 进行项目打包，staging 环境执行命令：npm run build:staging；生产环境执行命令：npm run build。

注意事项

• 开发环境需要 Node.js 16.19.0 和 npm 8.19.3 版本的支持。
• 遵循开发约定，不允许在本地开发工具和开发工具版本不一致的情况下上传更新package-lock.json，但package-lock.json需上传至 git 便于打包工具打包和作为开发下载包的依据。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】