CN113296746A - 命令行搭建可配置Vue项目脚手架的系统及方法 - Google Patents

Abstract

一种命令行搭建可配置Vue项目脚手架的系统，包括本地客户端和服务器，服务器中搭建有Vue项目模板和脚手架；Vue项目模板包括Vue基础模块、公用组件、常用工具和自定义的其他功能模块这些功能模块及各个功能模块的相关文件；脚手架包括命令解析中心和执行中心，执行中心包括命令‑配置文件映射模块、文件拷贝模块，命令解析中心用于解析本地客户端上传的输入命令，命令‑配置文件映射模块用于建立输入命令对应的功能模块及该功能模块对应的相关文件的映射，文件拷贝模块用于拷贝映射的功能模块及该功能模块对应的配置文件，使得用户可以快速得到一个可以立即投入开发的Vue项目。

Description

命令行搭建可配置Vue项目脚手架的系统及方法

技术领域

本发明涉及前端开发领域，特别涉及一种命令行搭建可配置Vue项目脚手架的系统及方法。

背景技术

在基于Vue.js的前端开发工程中，同一个人或同一个团队经常需要新建多个Vue项目，由此会遇见几个需要解决的问题：

1、各个项目需要的功能模块不同，有差异化；

2、如有多个项目都有相同的某一功能模块，则希望该功能模块的实现方式，使用方式，代码风格等统一，以便减轻同一个人或同一团队对不同项目的熟悉适应成本；

3、创建项目时尽可能简便，不需要重写一些常用工具或去拷贝其他旧版项目。

针对上述几个问题的解决方案，需要满足以下要求：

a.使用简便，通过命令行便能生成新的Vue项目；

b.创建的Vue项目功能模块可配置（功能有无）；

c.项目中的同一功能模块，实现方式、使用方式、代码风格等统一。

而vue.js官方的vue-cli创建的Vue项目只是一个简单的集成了Vue的基础项目，并不适合立即在该项目上进行开发，要投入开发中还需要继续在项目上添加UI框架、封装请求、公用组件、常用工具等等一系列操作，且不同的人或不同的团队在做上述操作时，无论是实现操作的方法还是风格，都有很大程度上无法做到统一。

发明内容

本发明的目的在于：提供了一种命令行搭建可配置Vue项目脚手架的系统，并基于系统提出方法，可以提供一种通过解析命令行得到命令和项目功能模块映射配置文件，然后根据该映射文件从服务器上获取相对应的Vue项目的方法，使得开发者可以快速得到一个可以立即投入开发的Vue项目，解决了上述问题。

本发明采用的技术方案如下：

一种命令行搭建可配置Vue项目脚手架的系统，包括本地客户端和服务器，所述服务器中搭建有Vue项目模板和用于调取Vue项目模板中数据的脚手架；

所述Vue项目模板包括Vue基础模块、公用组件、常用工具和自定义的其他功能模块这些功能模块，Vue项目模板还包括各个功能模块的相关文件，Vue基础模块包括Vue项目的所有基础模块，所述公用组件包括Vue项目公用的所有组件，所述常用工具包括Vue项目中常用的工具；

所述脚手架包括命令解析中心和执行中心，所述执行中心包括命令-配置文件映射模块、文件拷贝模块，所述命令解析中心用于解析本地客户端上传的输入命令，所述命令-配置文件映射模块用于建立输入命令对应的功能模块及该功能模块对应的相关文件的映射，所述文件拷贝模块用于拷贝映射的功能模块及该功能模块对应的配置文件。

为了更好地实现本方案，进一步地，所述脚手架的执行中心还包括执行结果反馈模块，所述执行结果反馈模块用于将执行中心的执行结果反馈到本地客户端。

为了更好地实现本方案，进一步地，所述用户在本地客户端输入命令，上传到服务器的命令解析中心进行解析。

为了更好地实现本方案，进一步地，所述各功能模块的相关文件包括功能模块的实现文件和配置文件。

一种命令行搭建可配置Vue项目脚手架的方法，基于上述的系统，包括以下步骤：

步骤S1：服务器创建Vue项目模板，所述Vue项目模板的功能模块包括Vue基础模块、公用组件、常用工具、自定义功能模块，Vue项目模板还包括一份记录了各个模板功能的配置文件，所述配置文件要求Vue项目模板中各功能模块相关的文件的服务器路径；

步骤S2：用户在本地客户端输入命令，命令传输到脚手架的命令解析中心进行解析；

步骤S3：命令解析中心解析用户的输入命令得到解析结果，然后将解析结果传到脚手架的执行中心处理，脚手架的执行中心根据解析结果进行不同处理：

解析结果1：如果解析结果确定选择Vue项目模板的功能模块中的一个，则在执行中心的命令-配置文件映射模块中添加选择的Vue项目模板的功能模块关联的文件路径，文件拷贝模块根据文件路径从服务器上拷贝对应的功能模块至本地客户端，并由执行结果反馈模块反馈结果；使得本地客户端的Vue项目模板包含Vue的基础模块和用户自己选择的其他Vue项目模板中的功能模块；

解析结果2：如果根据解析结果无法确定最终的命令-配置文件，则由执行结果反馈模块反馈错误。

为了更好地实现本方案，进一步地，所述步骤S3中执行中心根据解析结果进行不同处理还包括以下处理：

解析结果3：如果解析结果不完整，需要继续选择模块或等待进一步输入以确认信息，则由执行结果反馈模块反馈需要继续输入命令。

本方案将Vue项目拆分为Vue基础模块、公用组件、常用工具和自定义的其他功能模块这四个功能模块，在每个功能模块内都存储有Vue项目的一些组件，其中，Vue基础模块包括Vue项目的所有基础模块，公用组件包括Vue项目公用的所有组件，常用工具包括Vue项目中常用的工具，其他功能模块包括会用到的所有非其他三个功能模块内的组件，而Vue项目模板中还包括这些功能模块的中的每个组件的实现文件和配置文件，这样我们在本地客户端新建Vue项目时，需要哪些组件，就直接输入对应的命令，然后由执行中心操作在对应的功能模块中找到对应的组件的映射，并拷贝回传到本地客户端，并由执行中心的执行结果反馈模块对最终结果进行一个文字或图像或其他形式的反馈至本地客户端，使得用户了解到Vue项目的解析及映射结果，使得用户可以快速得到一个可以立即投入开发的Vue项目。

综上所述，由于采用了上述技术方案，本发明的有益效果是：

1.本发明所述的一种命令行搭建可配置Vue项目脚手架的系统，并基于系统提出方法，可以提供一种通过解析命令行得到命令和项目功能模块映射配置文件，然后根据该映射文件从服务器上获取相对应的Vue项目的方法，使得用户可以快速得到一个可以立即投入开发的Vue项目；

2.本发明所述的一种命令行搭建可配置Vue项目脚手架的系统，，并基于系统提出方法，可以提供一种通过解析命令行得到命令和项目功能模块映射配置文件，然后根据该映射文件从服务器上获取相对应的Vue项目的方法，对于不同的需求都可以得到不同组件的Vue项目及其配置文件等，简单快捷。

附图说明

为了更清楚地说明本技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图，其中：

图1是本发明的系统结构示意图。

具体实施方式

为了更清楚地说明本发明实施例的技术方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，应当理解，所描述的实施例仅仅是本发明的一部分实施例，而不是全部的实施例，因此不应被看作是对保护范围的限定。基于本发明中的实施例，本领域普通技术工作人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在本发明的描述中，需要说明的是，除非另有明确的规定和限定，术语“设置”、“相连”、“连接”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；也可以是直接相连，也可以是通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。

下面结合图1对本发明作详细说明。

实施例1：

一种命令行搭建可配置Vue项目脚手架的系统，如图1，包括本地客户端和服务器，所述服务器中搭建有Vue项目模板和用于调取Vue项目模板中数据的脚手架；

所述Vue项目模板包括Vue基础模块、公用组件、常用工具和自定义的其他功能模块这些功能模块，Vue项目模板还包括各个功能模块的相关文件，Vue基础模块包括Vue项目的所有基础模块，所述公用组件包括Vue项目公用的所有组件，所述常用工具包括Vue项目中常用的工具；

所述脚手架包括命令解析中心和执行中心，所述执行中心包括命令-配置文件映射模块、文件拷贝模块，所述命令解析中心用于解析本地客户端上传的输入命令，所述命令-配置文件映射模块用于建立输入命令对应的功能模块及该功能模块对应的相关文件的映射，所述文件拷贝模块用于拷贝映射的功能模块及该功能模块对应的配置文件。

工作原理：本方案将Vue项目拆分为Vue基础模块、公用组件、常用工具和自定义的其他功能模块这四个功能模块，在每个功能模块内都存储有Vue项目的一些组件，其中，Vue基础模块包括Vue项目的所有基础模块，公用组件包括Vue项目公用的所有组件，常用工具包括Vue项目中常用的工具，其他功能模块包括会用到的所有非其他三个功能模块内的组件，而Vue项目模板中还包括这些功能模块的中的每个组件的实现文件和配置文件，这样我们在本地客户端新建Vue项目时，需要哪些组件，就直接输入对应的命令，然后由执行中心操作在对应的功能模块中找到对应的组件的映射，并拷贝回传到本地客户端，使得用户可以快速得到一个可以立即投入开发的Vue项目。

实施例2：

本实施例在实施例1的方案基础上，所述脚手架的执行中心还包括执行结果反馈模块，所述执行结果反馈模块用于将执行中心的执行结果反馈到本地客户端。

所述用户在本地客户端输入命令，上传到服务器的命令解析中心进行解析。所述各功能模块的相关文件包括功能模块的实现文件和配置文件。

工作原理：本实施例的方案在执行中心加入了一个执行结果反馈模块，由执行中心的执行结果反馈模块对最终结果进行一个文字或图像或其他形式的反馈至本地客户端，使得用户了解到Vue项目的解析及映射结果。

本实施例的其他部分与上述实施例1相同，故不再赘述。

实施例3：

一种命令行搭建可配置Vue项目脚手架的方法，基于上述实施例1或2的系统，包括以下步骤：

步骤S1：服务器创建Vue项目模板，所述Vue项目模板的功能模块包括Vue基础模块、公用组件、常用工具、自定义功能模块，Vue项目模板还包括一份记录了各个模板功能的配置文件，所述配置文件要求Vue项目模板中各功能模块相关的文件的服务器路径；

步骤S2：用户在本地客户端输入命令，命令传输到脚手架的命令解析中心进行解析；

步骤S3：命令解析中心解析用户的输入命令得到解析结果，然后将解析结果传到脚手架的执行中心处理，脚手架的执行中心根据解析结果进行不同处理：

解析结果1：如果解析结果确定选择Vue项目模板的功能模块中的一个，则在执行中心的命令-配置文件映射模块中添加选择的Vue项目模板的功能模块关联的文件路径，文件拷贝模块根据文件路径从服务器上拷贝对应的功能模块至本地客户端，并由执行结果反馈模块反馈结果；使得本地客户端的Vue项目模板包含Vue的基础模块和用户自己选择的其他Vue项目模板中的功能模块；

解析结果2：如果根据解析结果无法确定最终的命令-配置文件，则由执行结果反馈模块反馈错误。

实施例4：

本方案在实施例3的基础上，所述步骤S3中执行中心根据解析结果进行不同处理还包括以下处理：

解析结果3：如果解析结果不完整，需要继续选择模块或等待进一步输入以确认信息，则由执行结果反馈模块反馈需要继续输入命令。

本实施例的其他部分与上述实施例3相同，故不再赘述。

以上所述，仅是本发明的较佳实施例，并非对本发明做任何形式上的限制，凡是依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化，均落入本发明的保护范围之内。

Claims (6)

1.一种命令行搭建可配置Vue项目脚手架的系统，其特征在于：包括本地客户端和服务器，所述服务器中搭建有Vue项目模板和用于调取Vue项目模板中数据的脚手架；

所述Vue项目模板包括Vue基础模块、公用组件、常用工具和自定义的其他功能模块这些功能模块，Vue项目模板还包括各个功能模块的相关文件，Vue基础模块包括Vue项目的所有基础模块，所述公用组件包括Vue项目公用的所有组件，所述常用工具包括Vue项目中常用的工具；

所述脚手架包括命令解析中心和执行中心，所述执行中心包括命令-配置文件映射模块、文件拷贝模块，所述命令解析中心用于解析本地客户端上传的输入命令，所述命令-配置文件映射模块用于建立输入命令对应的功能模块及该功能模块对应的相关文件的映射，所述文件拷贝模块用于拷贝映射的功能模块及该功能模块对应的配置文件。

2.根据权利要求1所述的一种命令行搭建可配置Vue项目脚手架的系统，其特征在于：所述脚手架的执行中心还包括执行结果反馈模块，所述执行结果反馈模块用于将执行中心的执行结果反馈到本地客户端。

3.根据权利要求1所述的一种命令行搭建可配置Vue项目脚手架的系统，其特征在于：所述用户在本地客户端输入命令，上传到服务器的命令解析中心进行解析。

4.根据权利要求1所述的一种命令行搭建可配置Vue项目脚手架的系统，其特征在于：所述各功能模块的相关文件包括功能模块的实现文件和配置文件。

5.一种命令行搭建可配置Vue项目脚手架的方法，基于权利要求1-4所述的系统，其特征在于，包括以下步骤：

步骤S1：服务器创建Vue项目模板，所述Vue项目模板的功能模块包括Vue基础模块、公用组件、常用工具、自定义功能模块，Vue项目模板还包括一份记录了各个模板功能的配置文件，所述配置文件要求Vue项目模板中各功能模块相关的文件的服务器路径；

步骤S2：用户在本地客户端输入命令，命令传输到脚手架的命令解析中心进行解析；

步骤S3：命令解析中心解析用户的输入命令得到解析结果，然后将解析结果传到脚手架的执行中心处理，脚手架的执行中心根据解析结果进行不同处理：

解析结果1：如果解析结果确定选择Vue项目模板的功能模块中的一个，则在执行中心的命令-配置文件映射模块中添加选择的Vue项目模板的功能模块关联的文件路径，文件拷贝模块根据文件路径从服务器上拷贝对应的功能模块至本地客户端，并由执行结果反馈模块反馈结果；

解析结果2：如果根据解析结果无法确定最终的命令-配置文件，则由执行结果反馈模块反馈错误。

6.根据权利要求5所述的一种命令行搭建可配置Vue项目脚手架的方法，其特征在于：所述步骤S3中执行中心根据解析结果进行不同处理还包括以下处理：

解析结果3：如果解析结果不完整，需要继续选择模块或等待进一步输入以确认信息，则由执行结果反馈模块反馈需要继续输入命令。

Images