CN112882698A - 开发环境的生成方法及装置、计算机存储介质及电子设备 - Google Patents

Abstract

本公开涉及计算机技术领域，提供了一种开发环境的生成方法及装置、计算机可读存储介质和电子设备。其中，上述方法包括：获取前端架构的预定义基础配置项的模板，确定预定义基础配置项的模板为前端架构的第一基础配置项的模板；从预设的前端架构的模板仓库中获取第二基础配置项的模板；合并第一基础配置项的模板和第二基础配置项的模板，以确定前端架构的基础配置项的模板；从预设的前端架构的模板仓库中获取目标扩展配置项的模板；合并基础配置项的模板和目标扩展配置项的模板，以生成前端架构的开发环境。本方案基于获取的不同的目标扩展配置项，可以根据不同的业务场景生成不同的前端架构的开发模板，进而，提高前端架构的开发效率。

Description

开发环境的生成方法及装置、计算机存储介质及电子设备

技术领域

本公开涉及计算机技术领域，具体而言，涉及一种开发环境的生成方法、开发环境的生成装置、计算机可读存储介质及电子设备。

背景技术

前端架构可以快速的构建前端开发的基础环境，因此，受到越来越多前端开发工程师的青睐。其中，vue前端架构(类似view，用于构建用户界面的渐进式JavaScript框架)因具有简单易用、灵活高效的特点而吸引了更多的前端开发工程师的关注和使用。

在vue前端架构中，vue-cli(vue的脚手架)是一种基于插件的vue架构，它可以快速的自动生成前端开发的项目模板，包括其依赖项。

然而，现有的vue-cli构建出来的前端开发的项目模板功能单一，只具备基础开发功能，不能根据前端开发中的业务场景的不同，构建不同的开发模板来提高前端开发的效率。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种开发环境的生成方法及装置、计算机可读存储介质及电子设备，进而至少在一定程度上克服前端架构搭建的前端开发的项目模板功能单一，无法根据不同的前端开发需求灵活搭建不同的开发模板以提高前端开发效率的问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的第一方面，提供了一种开发环境的生成方法，包括：

获取前端架构的预定义基础配置项的模板，确定所述预定义基础配置项为所述前端架构的第一基础配置项的模板；

从预设的前端架构的模板仓库中获取第二基础配置项的模板，其中，所述第二基础配置项的模板为处理所述第一基础配置项的模板之后确定的模板；

合并所述第一基础配置项的模板和所述第二基础配置项的模板，以确定所述前端架构的基础配置项的模板；

从所述预设的前端架构的模板仓库中获取目标扩展配置项的模板，其中，所述目标扩展配置项的模板为处理所述基础配置项的模板之后确定的模板；

合并所述基础配置项的模板和所述目标扩展配置项的模板，以生成所述前端架构的开发环境。

在本公开的一种示例性实施例中，基于前述方案，在获取前端架构的基础配置项的模板的之前，所述方法还包括：

在本地创建所述前端架构的开发环境的项目文件夹，以在所述项目文件夹中生成所述前端架构的开发环境。

在本公开的一种示例性实施例中，基于前述方案，从预设的前端架构的模板仓库中获取第二基础配置项的模板之前，所述方法还包括：

创建所述第二基础配置项的模板；

创建扩展配置项的模板；

在所述预设的前端架构的模板仓库中，存储所述第二基础配置项的模板和所述扩展配置项的模板。

在本公开的一种示例性实施例中，基于前述方案，确定所述前端架构的第一基础配置项的模板之后，所述方法还包括：

获取与所述第一基础配置项的模板相关的依赖项的信息，并在本地存储所述相关的依赖项的信息；

根据所述第一基础配置项的模板和所述相关的依赖项信息，确定所述前端架构的第一基础开发环境。

在本公开的一种示例性实施例中，基于前述方案，从预设的前端架构的模板仓库中获取第二基础配置项的模板之后，所述方法还包括：

获取与所述第二基础配置项的模板相关的依赖项的信息，并在本地存储所述相关的依赖项的信息；

根据所述第二基础配置项的模板和所述相关的依赖项信息，确定所述前端架构的第二基础开发环境。

在本公开的一种示例性实施例中，基于前述方案，从预设的前端架构的模板仓库中获取目标扩展配置项的模板之后，所述方法还包括：

获取与所述目标扩展配置项的模板相关的依赖项的信息，并在本地存储所述相关的依赖项的信息；

根据所述目标扩展配置项的模板和所述相关的依赖项的信息，确定所述前端架构的目标扩展配置项的开发环境。

在本公开的一种示例性实施例中，基于前述方案，所述合并所述基础配置项的模板和所述目标扩展配置项的模板，包括：

在本地创建的所述前端架构的开发环境的项目文件夹中，存储所述基础配置项的模板和所述目标扩展配置项的模板。

根据本公开的第二方面，提供了一种开发环境的生成装置，包括：

第一模板确定模块，被配置为获取前端架构的预定义基础配置项的模板，确定所述预定义基础配置项的模板为所述前端架构的第一基础配置项的模板；

第二模板确定模块，被配置为从预设的前端架构的模板仓库中获取第二基础配置项的模板，其中，所述第二基础配置项的模板为处理所述第一基础配置项的模板之后确定的模板；

基础配置项的模板确定模块，被配置为合并所述第一基础配置项的模板和所述第二基础配置项的模板，以确定所述前端架构的基础配置项的模板；

目标扩展配置项的模板确定模块，从所述预设的前端架构的模板仓库中获取目标扩展配置项的模板，其中，所述目标扩展配置项的模板为处理所述基础配置项的模板之后确定的模板；

开发环境生成模块，被配置为合并所述基础配置项的模板和所述目标扩展配置项的模板，以生成所述前端架构的开发环境。

根据本公开的第三方面，提供了一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上述实施例中第一方面所述的开发环境的生成方法。

根据本公开实施例的第四方面，提供了一种电子设备，包括：处理器；以及，存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上述实施例中第一方面所述的开发环境的生成方法。

由上述技术方案可知，本公开示例性实施例中的开发环境的生成方法、开发环境的生成装置，以及实现所述开发环境的生成方法的计算机可读存储介质及电子设备，至少具备以下优点和积极效果：

在本公开的一些实施例所提供的技术方案中，首先，合并获取的前端架构的第一基础配置项模板和第二基础配置项模板，以确定前端架构的基础配置项的模板；其次，从预设的前端架构的模板仓库中获取目标扩展配置项的模板；最后，合并基础配置项的模板和目标扩展配置项的模板，以生成所述前端架构的开发环境。与现有的前端架构的开发环境生成方法相比，本发明的方法通过获取的不同的目标扩展配置项的模板，可以自动生成满足不同功能需求的前端开发环境，进而，节省前端开发的时间成本，提高前端开发的工作效率。

本公开应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出本公开一示例性实施例中开发环境生成方法的流程示意图；

图2示出本公开一示例性实施例中确定第一基础配置项的开发环境的方法的流程示意图；

图3示出本公开一示例性实施例中创建第二基础配置项的模板的方法的流程示意图；

图4示出本公开一示例性实施例中创建扩展配置项的模板的方法的流程示意图；

图5示出本公开一示例性实施例中生成目标扩展配置项的开发环境的方法的流程示意图；

图6示出本公开一示例性实施例中开发环境生成装置的结构示意图；

图7示出本公开示例性实施例中计算机可读存储介质的结构示意图；以及，

图8示出本公开示例性实施例中电子设备的结构示意图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中，提供许多具体细节从而给出对本公开的实施方式的充分理解。然而，本领域技术人员将意识到，可以实践本公开的技术方案而省略所述特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。

本说明书中使用用语“一个”、“一”、“该”和“所述”用以表示存在一个或多个要素/组成部分/等；用语“包括”和“具有”用以表示开放式的包括在内的意思并且是指除了列出的要素/组成部分/等之外还可存在另外的要素/组成部分/等；用语“第一”和“第二”等仅作为标记使用，不是对其对象的数量限制。

此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。

vue是一种前端开发环境的架构，vue-cli是一种vue的脚手架工具，vue-cli使用了一套基于插件的前端架构，它可以自动创建vue的项目模板，以生成vue前端架构的开发环境。

现有的另一种相关技术中，在进行前端开发环境的构建时，直接利用vue-cli(vue脚手架)通过vue中默认的基础配置项生成前端开发环境的项目模板。

然而，现有的vue中默认的基础配置项生成的前端开发环境的项目模板功能单一，只具备基础开发的功能，不能根据不同的业务场景生成不同功能的开发环境的模板，不利于提升前端开发的效率。

在本公开的实施例中，首先提供了一种开发环境的生成方法，至少在一定程度上克服上述现有的相关技术中存在的缺陷。

图1示出本公开一示例性实施例中开发环境的生成方法的流程示意图。具体的，参考图1，该方法包括：

步骤S110，获取前端架构的预定义基础配置项的模板，确定预定义基础配置项为所述前端架构的第一基础配置项的模板；

步骤S120，从预设的前端架构的模板仓库中获取第二基础配置项的模板，其中，第二基础配置项的模板为处理所述第一基础配置项的模板之后确定的模板；

步骤S130，合并第一基础配置项的模板和第二基础配置项的模板，以确定所述前端架构的基础配置项的模板；

步骤S140，从所述预设的前端架构的模板仓库中获取目标扩展配置项的模板，其中目标扩展配置项的模板为处理所述基础配置项的模板之后确定的模板；

步骤S150，合并基础配置项的模板和目标扩展配置项的模板，以生成前端架构的开发环境。

在图1所示实施例所提供的技术方案中，首先，合并获取的前端架构的第一基础配置项模板和第二基础配置项模板，以确定前端架构的基础配置项的模板；其次，从预设的前端架构的模板仓库中获取目标扩展配置项的模板；最后，合并基础配置项的模板和目标扩展配置项的模板，以生成所述前端架构的开发环境。与现有的前端架构的开发环境生成方法相比，本发明的方法通过获取的不同的目标扩展配置项的模板，可以自动生成满足不同功能需求的前端开发环境，进而，节省前端开发的时间成本，提高前端开发的工作效率。

以下对图1所示实施例中各个步骤的具体实施方式进行详细阐述：

在步骤S110中，获取前端架构的预定义基础配置项的模板，确定预定义基础配置项为所述前端架构的第一基础配置项的模板。

在示例性的实施方式中，预定义基础配置项的模板可以包括在前端架构vue中，创建新的前端开发环境的项目所需要的预定义选项和插件的json(JavaScript ObjectNotation，JS对象简谱)对象。具体的，可以包括vue前端架构的脚手架vue-cli中的preset.json文件(vue中的预定义的基础配置项的文件)。

在获取前端架构preset.json文件之前，可以在本地下载安装node.js(一种JavaScript的运行环境)。node.js安装成功之后，通过node.js中自带的npm命令，在本地创建前端架构的开发环境的项目文件夹。然后，读取远程的preset.json文件，并确定preset.json文件中的预定义的基础配置项为上述前端架构的第一基础配置项的模板，将该第一基础配置项的模板存储在上述的项目文件夹中。

其中，第一基础配置项的模板可以包括前端架构vue中预定义的基础配置项的模板，例如，CSS(Cascading Style Sheets，层叠样式表，用来为HTML添加样式)样式的预编译处理模板、ES6(ECMAScript 6，是JavaScript语言的一种标准)转ES5(ECMAScript 5，是JavaScript语言的一种标准)模板、代码规范的模板，devServer(使用了express的Http服务器)模板、路由模板、状态管理模板等等。

确定前端架构的第一基础配置项的模板之后，可以获取与第一基础配置项的模板相关的依赖项，从而确定前端架构的第一基础开发环境。示例性的，图2示出本公开一示例性实施例中确定第一基础配置项的开发环境的方法的流程示意图。具体的，该方法包括步骤S210-步骤S220。

在步骤S210中，获取与第一基础配置项的模板相关的依赖项的信息，并在本地存储相关的依赖项的信息。

在示例性的实施方式中，该依赖项的信息可以包括与上述的vue前端架构的预定义基础配置项相关的依赖项及其对应的版本。

获取到该依赖项的相关信息之后，将该依赖项的相关信息保存在本地的项目文件夹中。具体的，上述的远程的preset.json文件读取结束之后，可以通过node.js中的npm(node package manager，node的包管理工具)命令下载安装上述的第一基础配置项的模板。该第一基础配置项的模板下载完成之后，会在上述的项目文件夹中生成一个文件，例如，可以是package.json文件，可以将该依赖项的相关信息存储在package.json文件中。

在本地存储所述相关的依赖项的信息之后，在步骤S220中，根据第一基础配置项的模板和相关的依赖项信息，确定前端架构的第一基础开发环境。

在示例性的实施方式中，在上述的package.json文件中，可以查询与上述的第一基础配置项的模板相关的依赖项的版本。然后，可以通过上述的node.js中的npm命令，自动的在本地下载并安装上述的与第一基础配置项的模板相关的依赖项。根据下载的第一基础配置项和其相关的依赖项可以自动生成vue前端架构的第一基础开发环境。

其中，第一基础开发环境可以包括通过上述的vue前端架构的预定义配置项的模板和其依赖项所生成的开发环境。

继续参考图1，确定上述的第一基础配置项的模板之后，在步骤S120中，从预设的前端架构的模板仓库中获取第二基础配置项的模板，其中，第二基础配置项的模板为处理所述第一基础配置项的模板之后确定的模板。

在示例性的实施方式中，第一基础配置项的模板可以包括上述的预定义基础配置项的模板，第二基础配置项的模板是对vue前端架构的预定义配置项的模板处理之后确定的。

在从预设的前端架构的模板仓库中获取第二基础配置项的模板之前，可以在远程的vue前端架构中创建上述的第二基础配置项的模板。示例性的，图3示出本公开一示例性实施例中创建第二基础配置项的模板的方法的流程示意图。具体的，参考图3，该方法可以包括步骤S310-步骤S320。

在步骤S310中，获取前端架构的第一基础配置项的模板，对第一基础配置项的模板进行处理，以创建第二基础配置项的模板。

示例性的，通过修改上述的第一基础配置项的模板的配置信息，并确定与上述的第二基础配置项的模板相关的插件和依赖项的信息，可以创建并封装上述的第二基础配置项的模板。

其中，第二基础配置项的模板包括预先定义的vue前端架构的api(applicationinterface，应用程序接口)模板、路由模板、扩展的基础目录模板、mock数据(模式接口ajax数据)模板等等。

创建第二基础配置项的模板之后，在步骤S320中，在预设的前端架构的模板仓库中，存储第二基础配置项的模板。

在示例性的实施方式中，预设的前端架构的模板仓库可以包括上述的vue前端架构的template(vue中存放模板文件的目录)。举例而言，创建上述的第二基础配置项的模板之后，可以在远程的vue前端架构的template中创建文件夹或者文件，以存储该第二基础配置项的模板。

通过上述的步骤S310-步骤S320，可以在预设的模板仓库中，保存上述的第二基础配置项的模板。从而，前端开发工程师可以从预设的模板仓库中获取上述的第二基础配置项的模板，以在此基础上实现不同的业务场景，进而提高前端开发的效率。

其中，从上述的预设的模板仓库获取上述的第二基础配置项的具体实施方式可以是，通过上述的node.js中的npm命令读取上述的vue前端架构中的模板生成器generator.js，模板生成器generator.js通过其回调参数api中的api.render方法，从上述的模板仓库中在本地下载并安装上述的第二基础配置项的模板。

在从预设的模板仓库中获取上述的第二基础配置项的模板之后，可以获取与该第二基础配置项的模板相关的依赖项的信息。其中，该依赖项的信息包括与上述的第二基础配置项的模板相关的依赖项及其对应的版本。

示例性的，根据获取的第一基础配置项的模板和与该第二基础配置项的模板相关的依赖项的信息，可以确定前端架构的第二基础开发环境。具体的，根据与该第二基础配置项的模板相关的依赖项的信息下载该依赖项和配置环境的脚本。其中，配置环境的脚本可以包括配置开发环境、测试环境、预发环境、生产环境。例如，通过npm dev命令可以将当前环境配置为开发环境。

在确定前端架构的第二基础开发环境之后，可以获取vue前端架构的扩展配置文件，并在上述的步骤S110中创建的项目文件夹中存储该扩展配置文件。通过该扩展配置文件，前端开发工程师可以对自动生成的vue前端架构的模板进行修改，以满足其自身的功能需求。

其中，该扩展配置文件可以包括eslint文件、.env文件、vue.config.js文件等等。其中，eslint文件可以设置编写代码的规范；.env文件可以用来添加开发中的环境变量；vue.config.js文件可以进行对webpack(JavaScript应用程序的静态模块打包器)打包扩展配置。

继续参考图1，获取第一基础配置项的模板和第二基础配置项的模板之后，在步骤S130中，合并第一基础配置项的模板和第二基础配置项的模板，以确定前端架构的基础配置项的模板；

在示例性的实施方式中，在上述的步骤S110中创建的项目文件夹中合并上述的第一基础配置项的模板和第二基础配置项的模板。具体的，可以是，在创建的项目文件夹中创建文件夹，将下载的第一基础配置项的模板和该第二基础配置项的模板都存储在该文件夹中。示例性的，第一基础配置项的模板和第二基础配置项的模板合并之后，可以确定前端架构的开发环境的基础配置项的模板。

确定上述的基础配置项的模板之后，在步骤S140中，从所述预设的前端架构的模板仓库中获取目标扩展配置项的模板，其中，目标扩展配置项的模板为处理所述基础配置项的模板之后确定的模板。

在示例性的实施方式中，目标扩展配置项根据用户进行选择确定，根据用户的选择获取对应的目标扩展配置项的模板。其中，目标扩展配置项的模板存储在预设的前端架构的模板仓库中。

在获取目标扩展配置项的模板之前，可以在预设的前端架构的模板仓库中创建扩展配置项的模板。示例性的，图4示出了本公开一示例性实施例中创建扩展配置项的模板方法的流程示意图。具体的，参考图4，该方法包括步骤S410-步骤S420。

在步骤S410中，获取基础配置项的模板，对基础配置项的模板进行处理，以创建扩展配置项的模板。

在示例性的实施方式中，扩展配置项的模板可以是预先设置的vue前端架构的扩展模板，通过扩展配置项的模板可以创建不同的开发模板，以满足不同前端开发功能的需求，提高前端开发的效率。

其中，对基础配置项的模板进行处理，以创建扩展配置项的模板的具体实施方式可以是，通过修改上述的第一基础配置项的模板和第二基础配置项的模板的配置信息，并确定与扩展配置项的模板相关的插件和依赖项的信息，可以创建并封装上述的第二基础配置项的模板。

示例性的，扩展配置项的模板可以包括：支持cdn(content delivery network，内容分发网络)动态引入的模板，支持webp(一种可以加快图片加载速度的图片格式)图片生成的模板，支持移动端调试功能的模板，支持移动端适配的模板，支持border 1px(移动端不同视网膜屏幕适配)的模板，支持公共jssdk(用javascript脚本语言编写的开发工具包)的模板，支持nginx(代理服务器)和jekins(基于Java开发的一种持续集成工具)相关配置的模板，支持骨架屏的模板，支持mock数据(模式接口ajax数据)的模板，支持gzip(文件压缩)的模板等等。

创建扩展的配置项的模板之后，在步骤S420中，在预设的前端架构的模板仓库中，存储扩展配置项的模板。

在示例性的实施方式中，预设的前端架构的模板仓库可以包括上述的vue前端架构的template。具体的，创建上述的第二基础配置项的模板之后，可以在远程的vue前端架构的template中创建文件夹或者文件，以存储该第二基础配置项的模板。

通过上述的步骤S410-步骤S420，可以创建并存储上述的扩展配置项的模板。通过创建的扩展配置项的模板，前端开发工程师可以选择满足自己功能需求的扩展配置项的模板，从而在本地自动的生成该功能的开发模板，节省前端开发的时间成本，提高前端开发的效率。

在示例性的实施方式中，创建上述的扩展配置项的模板之后，通过npm命令可以调用vue前端架构中的选择配置项功能prompts.json文件，通过询问或者让用户选择的方式，获取目标扩展配置项的模板，可以生成目标扩展配置项的开发环境。示例性的，图5示出本公开一示例性实施例中生成目标扩展配置项的开发环境的方法的流程示意图。具体的，参考图5，该方法包括步骤S510-步骤S520。

在步骤S510中，获取目标扩展配置项的模板和与目标扩展配置项的模板相关的依赖项信息。

在示例性的实施方式中，可以通过npm命令调用vue前端架构中的配置项选择功能prompts.json，通过用户选择或者询问用户的方式，确定目标扩展配置项的模板的选择结果。其中，目标扩展配置项的模板可以包括多个。

示例性的，根据上述选择结果，调用vue前端架构中的生成器generator.json，从上述的tempelate模板仓库中获取目标扩展配置项的模板。

获取目标扩展配置项的模板之后，在步骤S520中，根据目标扩展配置项的模板和与目标扩展配置项的模板相关的依赖项，生成目标扩展配置项的开发环境。

在示例性的实施方式中，步骤S520的具体实施方式可以是，下载上述的目标扩展配置项的模板和与该目标扩展配置项的模板相关的依赖项。从而在本地生成目标扩展配置项的开发环境。

继续参考图1，根据用户的选择获取目标扩展配置项的模板之后，在步骤S150中，合并基础配置项的模板和目标扩展配置项的模板，以生成所述前端架构的开发环境。

在示例性的实施方式中，可以在上述的步骤S110中创建的项目文件夹中，存储上述的基础配置项的模板和目标扩展配置项的模板。具体的，可以是，在该项目文件夹中创建文件夹或文件，将该基础配置项的模板和该目标扩展配置项的模板都存储在相同的文件夹或文件中。

示例性的，基础配置项的模板和目标扩展配置项的模板合并之后，可以自动生成满足用户功能需求的前端架构的开发环境。

在本示例性的实施例中，通过预设的扩展配置项的模板，可以根据用户的选择生成不同的前端开发环境的模板，以提高前端开发的效率。

本领域技术人员可以理解实现上述实施方式的全部或部分步骤被实现为由CPU执行的计算机程序。在该计算机程序被CPU执行时，执行本发明提供的上述方法所限定的上述功能。所述的程序可以存储于一种计算机可读存储介质中，该存储介质可以是只读存储器，磁盘或光盘等。

此外，需要注意的是，上述附图仅是根据本发明示例性实施方式的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

进一步的，本示例性性实施例中，还提供了一种开发环境的生成装置。参考图6所示，该开发环境的生成装置600包括：第一模板确定模块610、第二模板确定模块620、基础配置项的模板确定模块630、目标扩展配置项的模板确定模块640、开发环境生成模块650。其中：

上述第一模板确定模块610，被配置为获取前端架构的预定义基础配置项的模板，确定所述预定义基础配置项的模板为所述前端架构的第一基础配置项的模板；

上述第二模板确定模块620，被配置为从预设的前端架构的模板仓库中获取第二基础配置项的模板，其中，所述第二基础配置项的模板为处理所述第一基础配置项的模板之后确定的模板；

上述基础配置项的模板确定模块630，被配置为合并所述第一基础配置项的模板和所述第二基础配置项的模板，以确定所述前端架构的基础配置项的模板；

上述目标扩展配置项的模板确定模块640，从所述预设的前端架构的模板仓库中获取目标扩展配置项的模板，其中，所述目标扩展配置项的模板为处理所述基础配置项的模板之后确定的模板；

上述开发环境生成模块650，被配置为合并所述基础配置项的模板和所述目标扩展配置项的模板，以生成所述前端架构的开发环境。

在本公开的一种示例性实施例中，基于前述实施例，上述第一模板确定模块610，包括：第一基础配置项的模板确定单元和第一基础开发环境的确定单元。其中：

上述的第一基础配置项的模板确定单元被配置为：确定前端架构的预定义基础配置项为第一基础配置项的模板；上述的第一基础开发环境的确定单元被配置为：获取与上述第一基础配置项的模板相关的依赖项，以确定第一基础开发环境。

在本公开的一种示例性实施例中，基于前述实施例，上述第二模板确定模块620，包括：第二基础配置项的模板创建单元和第二开发环境的确定单元。其中：

上述的第二基础配置项的模板创建单元被配置为：对上述的第一基础配置项的模板进行处理，确定处理后的模板为第二基础配置项的模板；上述的第二开发环境确定单元被配置为：获取与上述的第二基础配置项的模板相关的依赖项，以确定第二基础开发环境。

在本公开的一种示例性实施例中，基于前述实施例，上述的基础配置项的模板确定模块630，包括：第一存储单元和基础开发环境的确定单元。

其中：

上述的第一存储单元被配置为：存储上述的第一基础配置项的模板和第二基础配置项的模板，以确定前端架构的基础配置项的模板；上述的基础开发环境确定单元被配置为：根据上述的第一基础开发环境和第二基础开发环境确定前端架构的基础开发环境。

在本公开的一种示例性实施例中，基于前述实施例，上述目标扩展配置项的模板确定模块640，包括：扩展配置项的模板创建单元和目标扩展配置项的开发环境确定单元。其中：

上述的扩展配置项的模板创建单元被配置为：对上述的基础配置项的模板进行处理，确定处理后的模板为扩展配置项的模板；上述的目标扩展配置项开发环境确定单元被配置为：从上述的扩展配置项的模板中获取目标扩展配置项的模板，并获取该目标扩展配置项的模板的依赖项，以确定该目标扩展配置项的开发环境。

在本公开的一种示例性实施例中，基于前述实施例，上述开发环境生成模块650，包括第二存储单元和开发环境生成单元。其中：

上述的第二存储单元被配置为：将上述的基础配置项的模板存储到上述的第一存储单元中，以合并上述的基础配置项模板和目标扩展配置项的模板；上述的开发环境生成单元被配置为：获取与目标扩展配置项的模板相关的依赖项，以生成前端架构的扩展开发环境。

上述开发环境的生成装置中各单元的具体细节已经在对应的开发环境的生成方法中进行了详细的描述，因此此处不再赘述。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

此外，尽管在附图中以特定顺序描述了本公开中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施方式的方法。

在本公开示例性实施方式中，还提供了一种能够实现上述方法的计算机存储介质。其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施例中，本公开的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。

参考图7所示，描述了根据本公开的实施方式的用于实现上述方法的程序产品700，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本公开的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

此外，在本公开的示例性实施例中，还提供了一种能够实现上述方法的电子设备。

所属技术领域的技术人员能够理解，本公开的各个方面可以实现为系统、方法或程序产品。因此，本公开的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

下面参照图8来描述根据本公开的这种实施方式的电子设备800。图8显示的电子设备800仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图8所示，电子设备800以通用计算设备的形式表现。电子设备800的组件可以包括但不限于：上述至少一个处理单元810、上述至少一个存储单元820、连接不同系统组件(包括存储单元820和处理单元810)的总线830。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元810执行，使得所述处理单元810执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。例如，所述处理单元810可以执行如图1中所示的：步骤S120，从预设的前端架构的模板仓库中获取第二基础配置项的模板；步骤S130，合并第一基础配置项的模板和第二基础配置项的模板，以确定所述前端架构的基础配置项的模板；步骤S140，从所述预设的前端架构的模板仓库中获取目标扩展配置项的模板；步骤S150，合并基础配置项的模板和目标扩展配置项的模板，以生成前端架构的开发环境。

又如，所述处理单元810还可以执行如图2至图5所示的实施例中的步骤。

存储单元820可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)8201和/或高速缓存存储单元8202，还可以进一步包括只读存储单元(ROM)8203。

存储单元820还可以包括具有一组(至少一个)程序模块8205的程序/实用工具8204，这样的程序模块8205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线830可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备800也可以与一个或多个外部设备900(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备800交互的设备通信，和/或与使得该电子设备800能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口850进行。并且，电子设备800还可以通过网络适配器860与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器860通过总线830与电子设备800的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备800使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。

此外，上述附图仅是根据本公开示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由权利要求指出。

Claims (10)

1.一种开发环境的生成方法，其特征在于，包括：

获取前端架构的预定义基础配置项的模板，确定所述预定义基础配置项的模板为所述前端架构的第一基础配置项的模板；

从预设的前端架构的模板仓库中获取第二基础配置项的模板，其中，所述第二基础配置项的模板为处理所述第一基础配置项的模板之后确定的模板；

合并所述第一基础配置项的模板和所述第二基础配置项的模板，以确定所述前端架构的基础配置项的模板；

从所述预设的前端架构的模板仓库中获取目标扩展配置项的模板，其中，所述目标扩展配置项的模板为处理所述基础配置项的模板之后确定的模板；

合并所述基础配置项的模板和所述目标扩展配置项的模板，以生成所述前端架构的开发环境。

2.根据权利要求1所述的开发环境的生成方法，其特征在于，在获取前端架构的基础配置项的模板的之前，所述方法还包括：

在本地创建所述前端架构的开发环境的项目文件夹，以在所述项目文件夹中生成所述前端架构的开发环境。

3.根据权利要求1所述的开发环境的生成方法，其特征在于，从预设的前端架构的模板仓库中获取第二基础配置项的模板之前，所述方法还包括：

创建所述第二基础配置项的模板；

创建扩展配置项的模板；

在所述预设的前端架构的模板仓库中存储所述第二基础配置项的模板和所述扩展配置项的模板。

4.根据权利要求1所述的开发环境的生成方法，其特征在于，确定所述前端架构的第一基础配置项的模板之后，所述方法还包括：

获取与所述第一基础配置项的模板相关的依赖项的信息，并在本地存储所述相关的依赖项的信息；

根据所述第一基础配置项的模板和所述相关的依赖项信息，确定所述前端架构的第一基础开发环境。

5.根据权利要求4所述的开发环境的生成方法，其特征在于，从预设的前端架构的模板仓库中获取第二基础配置项的模板之后，所述方法还包括：

获取与所述第二基础配置项的模板相关的依赖项的信息，并在本地存储所述相关的依赖项的信息；

根据所述第二基础配置项的模板和所述相关的依赖项信息，确定所述前端架构的第二基础开发环境。

6.根据权利要求5所述的开发环境的生成方法，其特征在于，从预设的前端架构的模板仓库中获取目标扩展配置项的模板之后，所述方法还包括：

获取与所述目标扩展配置项的模板相关的依赖项的信息，并在本地存储所述相关的依赖项的信息；

根据所述目标扩展配置项的模板和所述相关的依赖项的信息，确定所述前端架构的目标扩展配置项的开发环境。

7.根据权利要求1至6中任一项所述的开发环境的生成方法，其特征在于，所述合并所述基础配置项的模板和所述目标扩展配置项的模板，包括：

在本地创建的所述前端架构的开发环境的项目文件夹中，存储所述基础配置项的模板和所述目标扩展配置项的模板。

8.一种开发环境的生成装置，其特征在于，包括：

第一模板确定模块，被配置为获取前端架构的预定义基础配置项的模板，确定所述预定义基础配置项的模板为所述前端架构的第一基础配置项的模板；

第二模板确定模块，被配置为从预设的前端架构的模板仓库中获取第二基础配置项的模板，其中，所述第二基础配置项的模板为处理所述第一基础配置项的模板之后确定的模板；

基础配置项的模板确定模块，被配置为合并所述第一基础配置项的模板和所述第二基础配置项的模板，以确定所述前端架构的基础配置项的模板；

目标扩展配置项的模板确定模块，从所述预设的前端架构的模板仓库中获取目标扩展配置项的模板，其中，所述目标扩展配置项的模板为处理所述基础配置项的模板之后确定的模板；

开发环境生成模块，被配置为合并所述基础配置项的模板和所述目标扩展配置项的模板，以生成所述前端架构的开发环境。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1至7中任一项所述的开发环境的生成方法。

10.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1至7中任一项所述的开发环境的生成方法。

Images