[发明专利]一种基于组件化模板的VUE项目平滑升级方法

说明书

本发明公开了一种基于组件化模板的VUE项目平滑升级方法，属于计算机软件技术前端领域，包括以下步骤：S1：创建基础框架工程；S2：组件化基础框架工程并打包上传；S3：搭建脚手架工程并引入基础框架工程；S4：打包上传脚手架工程；S5：安装脚手架组件；S6：通过脚手架创建VUE实例工程并安装依赖；S7：升级基础框架工程；S8：实例工程同步平滑升级。本发明通过搭建组件化的模板工程，将其作为依赖，通过自定义的脚手架搭建工程引入，即实现了工程的创建，实现了项目的平滑升级方法；最终整个工程通过自定义的脚手架、框架模板实现了整个VUE实例工程的平滑升级。

技术领域

本发明涉及计算机软件技术前端领域，具体涉及一种基于组件化模板的VUE(渐进式框架)项目平滑升级方法。

背景技术

随着互联网领域前后端分离架构的需求量不断增加，同时也为了满足MVVM模式的架构模式，更多用户选择了通过搭建VUE工程作为项目的前端。然而在使用VUE作为前端工程的架构方案时，面临的一个巨大问题是无法进行平滑升级，当项目需要升级时，只能在原项目基础上进行修改或者新增操作，当修改内容较多时，需要对原有项目进行整体重构和改造，工作量巨大，而且容易在改造过程中出现无法与原项目匹配的问题。

另外，如果一个前端工程中有部分内容可以被其它的前端工程复用时，目前只能通过在每个需要的前端工程中手动选取需要被复用的部分进行代码拷贝、修改，这导致了代码高度耦合，同样面临了工作量巨大而且容易出错的问题。当复用内容进行了修改，引入的所有工程也必须同步手动修改。一旦工程中对复用内容进行了覆盖，或者对其中的内容进行分了自定义的改造，就无法同步升级。

因此，迫切需要一种方式能够解决VUE工程元素复用和平滑升级的问题，尤其是需要经常对版本进行升级和维护的项目，为此，提出一种基于组件化模板的VUE项目平滑升级方法。

发明内容

本发明所要解决的技术问题在于：如何解决VUE工程元素复用和平滑升级的问题，提供了一种基于组件化模板的VUE项目平滑升级方法。

本发明是通过以下技术方案解决上述技术问题的，本发明包括以下步骤：

S1：创建基础框架工程

通过vue-cli原生脚手架创建一个VUE工程，将该VUE工程作为基础框架工程；

S2：组件化基础框架工程并打包上传

将基础框架工程封装为组件，包括所有页面及需要使用的静态资源，并将基础框架工程打包上传至npm私服作为模板；

S3：搭建脚手架工程并引入基础框架工程

自定义脚手架工程，并将基础框架工程作为模板引入；

S4：打包上传脚手架工程

将步骤S3中的脚手架工程打包并上传至npm私服上；

S5：安装脚手架组件

在创建VUE实例工程前，先配置npm私服地址并全局安装脚手架组件；

S6：通过脚手架创建VUE实例工程并安装依赖

通过封装的脚手架创建新的VUE实例项目，即通过自定义的指令创建新的VUE实例工程，此时新工程的package.json文件中将引入基础框架工程，npm install安装后node_modules中已存在基础框架工程；同时基础框架工程的前端页面已封装为组件，VUE实例工程根据实例项目需求采用组件的方式引入，或通过新建组件进行覆盖；再在命令界面配置基础框架工程的基础设置，基础配置直接在新创建的VUE实例工程中生效；

S7：升级基础框架工程

在需要时对基础框架工程进行升级，升级后上传至npm私服；