【技术实现步骤摘要】
本专利技术涉及软件开发，尤其涉及一种基于vue框架的项目架构管理方法。
技术介绍
1、vue.js是一套构建用户界面的渐进式框架，采用自底向上增量开发的设计，核心库只关注视图层。另一方面，vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。在实际应用中，每新起一个项目都要用一个新vue框架，每个项目都需要安装一次项目基础包和项目所依赖的包，相似项目也不能放同一个项目中，无法复用依赖，需要重复安装，导致开发人员重复做同样的工作，工作效率低，同时需要占用大量电脑磁盘空间，技术升级或依赖包升级的时候无法统一升级，需要逐个项目去手动升级，费时费力且不利于管理，因此需要设计一种无需重复安装即可复用的vue框架，减少占用空间，方便统一管理的项目架构管理方法。
技术实现思路
1、本专利技术的目的在于提供一种基于vue框架的项目架构管理方法。
2、为实现上述目的，本专利技术采用以下技术方案：
3、一种基于vue框架的项目架构管理方法，包括：
4、基于vue框架获取脚手架vite，并配置基础路径为当前目录所在的路径；
5、获取执行命令，获取插件组件并根据分类将其存储在对应的目录中，获得的插件组件包括通用组件、js通用函数组件、通用图片和样式处理组件，将各插件按开发需求将对应的插件组件分类放入对应的目录中，根据执行命令遍历所有的插件组件，完成作业后，初始化对应的插件组件，根据执行命令的需求选择是否清理旧文件；
6、根
7、启动终端并进入项目所在目录，根据执行命令执行开发任务或执行打包任务，当找不到入口文件则报错，结束执行任务，当找到入口文件则调用对应的插件组件执行对应的任务。
8、进一步地，所述获取并配置基础路径为当前目录所在的路径，具体为：
9、根据脚手架vite的vite.config.ts定义config目录，配置基础路径为当前目录所在的路径；
10、配置一路径作为执行命令后生成结果的输出路径，配置一路径作为生成静态资源的存放路径。
11、进一步地，所述插件组件在获取后设置有配置文件，所述配置文件包括启动命令、可定义的ip和端口号，每个插件组件具有对应的依赖库和插件代码。
12、进一步地，当找到入口文件后，处理入口文件index.html，识别是否需要使用cdn引入依赖，是则调用对应的插件组件并在head标签中引入所需的cdn数据，完成引入cdn数据后调用插件组件对图片压缩，无需使用cdn则调用插件组件对图片压缩；
13、根据执行命令判断是否需要进行二次压缩，是则将所有图片数据都压缩，随后调用插件组件处理js文件，否则直接调用插件组件处理js文件，随后处理css文件，配置文件内部引用资源的路径后，将图片数据、js文件数据和css文件数据均存储在指定目录中，最后生成该项目的read.md文件。
14、采用上述技术方案后，本专利技术与
技术介绍
相比，具有如下优点：
15、本专利技术在vue框架的脚手架vite的基础上，将公共组件和资源数据放在指定的目录中作为公共资源，使用者能够在任一位置用同样的方式引入，避免了人工复制且提高了后期维护成本，所有项目中所有的配置和依赖的包都放在指定目录中统一管理，新建项目后无需再次安装脚手架和插件组件，一条执行命令即可启动，减少时间和空间。
本文档来自技高网...【技术保护点】
1.一种基于Vue框架的项目架构管理方法，其特征在于，包括：
2.如权利要求1所述的一种基于Vue框架的项目架构管理方法，其特征在于：所述获取并配置基础路径为当前目录所在的路径，具体为：
3.如权利要求1所述的一种基于Vue框架的项目架构管理方法，其特征在于：所述插件组件在获取后设置有配置文件，所述配置文件包括启动命令、可定义的IP和端口号，每个插件组件具有对应的依赖库和插件代码。
4.如权利要求3所述的一种基于Vue框架的项目架构管理方法，其特征在于：当找到入口文件后，处理入口文件index.html，识别是否需要使用CDN引入依赖，是则调用对应的插件组件并在head标签中引入所需的CDN数据，完成引入CDN数据后调用插件组件对图片压缩，无需使用CDN则调用插件组件对图片压缩；
【技术特征摘要】
1.一种基于vue框架的项目架构管理方法，其特征在于，包括：
2.如权利要求1所述的一种基于vue框架的项目架构管理方法，其特征在于：所述获取并配置基础路径为当前目录所在的路径，具体为：
3.如权利要求1所述的一种基于vue框架的项目架构管理方法，其特征在于：所述插件组件在获取后设置有配置文件，所述配置文件包括启动命令、可定义的ip和端...
【专利技术属性】
技术研发人员：黄天财，黄俊杰，吕金松，黄海波，陈东阁，蓝邦珏，王庭杰，刘佳彬，李阳，张争旭，
申请(专利权)人：厦门她趣信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。