CN112148263B - 前端标准框架及其生成方法、装置、设备及存储介质 - Google Patents

Abstract

本说明书实施例提供了一种前端标准框架及其生成方法、装置、设备及存储介质，该方法包括：创建框架的目录文件；所述目录文件包含框架规范文件目录；获取所述框架的多个子文件，并将其移动至所述目录文件中的对应目录；所述多个子文件包含框架规范文件和配置文件，所述多个子文件满足所述框架规范文件的要求；读取所述配置文件，并根据所述配置文件将存入所述多个子文件的目录文件封装成框架安装包。本说明书实施例可以提高前端应用的开发效率。

Description

前端标准框架及其生成方法、装置、设备及存储介质

技术领域

本说明书涉及前端框架技术领域，尤其是涉及一种前端标准框架及其生成方法、装置、设备及存储介质。

背景技术

近些年来，随着移动互联网的发展，各种智能手机、平板电脑等移动终端已经成为人们生活中必不可少的设备，各种应用(APP)也就成为人们最常使用的应用程序。应用展示的多样性以及应用版本快速更新、迭代特性，要求应用的前端开发在不同场景下实现敏捷开发，用户隐私，以及企业数据资产的安全性的重视，也对应用展示端提出了新的要求。

应用的前端框架是应用前端应用开发的基础，现有前端应用开发流程中，前端框架的设计，依赖于各开发者的开发经验，缺少对于前端框架的系统性梳理，从而影响了前端应用的开发效率。

发明内容

本说明书实施例的目的在于提供一种前端标准框架及其生成方法、装置、设备及存储介质，以提高前端应用的开发效率。

为达到上述目的，一方面，本说明书实施例提供了一种前端标准框架生成方法，包括：

创建框架的目录文件；所述目录文件包含框架规范文件目录；

获取所述框架的多个子文件，并将其移动至所述目录文件中的对应目录；所述多个子文件包含框架规范文件和配置文件，所述多个子文件满足所述框架规范文件的要求；

读取所述配置文件，并根据所述配置文件将存入所述多个子文件的目录文件封装成框架安装包。

本说明书一实施例中，所述方法还包括：

发布所述框架安装包。

本说明书一实施例中，所述框架规范文件包含：

框架结构规范；

CSS规范；

注释规范；

编码规范；

命名规范；以及，

安全规范。

本说明书一实施例中，所述框架结构规范包括：

Vue模块文件基础结构；

目录文件及子文件规范。

本说明书一实施例中，所述CSS规范包括：

通用CSS规范；以及，

SASS规范。

本说明书一实施例中，所述注释规范包括：

注释列表规范；

单行注释规范；

多行注释规范；以及，

函数注释规范。

本说明书一实施例中，所述编码规范包括：

源码风格规范；

指令风格规范；以及，

Props规范。

本说明书一实施例中，所述命名规范包括：

文件资源命名规范；

变量命名规范；

常量命名规范；

组件命名规范；

方法命名规范；

类成员命名规范；

Props命名规范；

多个特性的元素命名规范；以及，

元素特性的顺序。

本说明书一实施例中，所述安全规范包括：

接口安全规范；以及，

数据安全规范。

本说明书一实施例中，所述接口安全规范封装有拦截过滤器，以拦截并过滤不符合所述接口安全规范要求的数据请求和/或数据接收。

本说明书一实施例中，所述数据安全规范封装有加密算法，以用于客户端和服务端之间的数据传输加密。

另一方面，本说明书实施例还提供了一种前端标准框架生成装置，包括：

创建模块，用于创建框架的目录文件；所述目录文件包含框架规范文件目录；

移动模块，用于获取所述框架的多个子文件，并将其移动至所述目录文件中的对应目录；所述多个子文件包含框架规范文件和配置文件，所述多个子文件满足所述框架规范文件的要求；

封装模块，用于读取所述配置文件，并根据所述配置文件将存入所述多个子文件的目录文件封装成框架安装包。

另一方面，本说明书实施例还提供了一种前端标准框架，所述前端标准框架根据上述方法生成。

另一方面，本说明书实施例还提供了一种计算机设备，包括存储器、处理器、以及存储在所述存储器上的计算机程序，所述计算机程序被所述处理器运行时，执行上述方法的指令。

另一方面，本说明书实施例还提供了一种计算机存储介质，其上存储有计算机程序，所述计算机程序被计算机设备的处理器运行时，执行上述方法的指令。

由以上本说明书实施例提供的技术方案可见，本说明书实施例中，使用时，前端应用开发者可以获取并安装框架安装包(即安装前端标准框架)，然后运行该前端标准框架并在此基础上开发前端应用。由于前端开发标准框已为前端应用的开发提供了必要的开发环境和基础，使得前端应用开发者可以不用再考虑这部分的开发，从而节省了前端应用开发者大量的重复性劳动，提高了前端应用开发的效率。而且，由于本说明书实施例的前端标准框架中定义了框架规范，从而使得前端开发者团队中各成员可以遵循相同的规范进行开发，从而可以有利于进一步提高前端应用的开发效率。

附图说明

为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。在附图中：

图1为本说明书提供的实施例中前端标准框架生成方法的流程图；

图2为本说明书提供的实施例中前端标准框架的结构框图；

图3为本说明书提供的实施例中

图4为本说明书提供的实施例中装置的结构框图；

图5为本说明书提供的实施例中计算机设备的结构框图。

【附图标记说明】

41、创建模块；

42、移动模块；

43、封装模块；

502、计算机设备；

504、处理器；

506、存储器；

508、驱动机构；

510、输入/输出模块；

512、输入设备；

55、输出设备；

516、呈现设备；

518、图形用户接口；

520、网络接口；

522、通信链路；

524、通信总线。

具体实施方式

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

本说明书的实施例涉及前端框架生成(或称为搭建)技术，所述前端标准框架可以供前端应用开发者开发前端应用时使用。

参考图1所示，在本说明书一些实施例中，前端标准框架生成方法可以包括以下步骤：

S101、创建框架的目录文件；所述目录文件包含框架规范文件目录。

S102、获取所述框架的多个子文件，并将其移动至所述目录文件中的对应目录；所述多个子文件包含框架规范文件和配置文件，所述多个子文件满足所述框架规范文件的要求。

S103、读取所述配置文件，并根据所述配置文件将存入所述多个子文件的目录文件封装成框架安装包。

本说明书的实施例中，使用时，前端应用开发者可以获取并安装框架安装包(即安装前端标准框架)，然后运行该前端标准框架并在此基础上开发前端应用。由于前端开发标准框已为前端应用的开发提供了必要的开发环境和基础，使得前端应用开发者可以不用再考虑这部分的开发，从而节省了前端应用开发者大量的重复性劳动，提高了前端应用开发的效率。而且，由于本说明书实施例的前端标准框架中定义了框架规范，从而使得前端开发者团队中各成员可以遵循相同的规范进行开发，从而可以有利于进一步提高前端应用的开发效率。

在本说明书一些实施例中，在根据配置文件将存入多个子文件的目录文件封装成框架安装包后，还可以发布框架安装包，以为方便前端应用开发者远程下载使用。

在本说明书的实施例中，前端标准框架可以是基于ES6(全称ECMAScript 6.0，是JavaScript的一个版本标准)的前端开发框架(例如Vue等，Vue是一套用于构建用户界面的渐进式JavaScript前端框架)的结构，即本说明书实施例的前端标准框架是在Vue的基础上搭建而成的。因此，在创建框架的目录文件之前，需要安装Vue的依赖环境(Node.js)和脚手架(Vue.cli)，后续的前端标准框架的生成步骤均是在该开发环境的基础上进行的。其中，Vue.cli中一般配置有模块打包器(例如Webpack等)以进行jar打包。Node.js是一种JavaScript库，提供了前端标准框架的开发环境。Vue.cli是vue的命令行工具，利用vue-cli可以快速搭建vue.js项目结构(本说明书中的项目一般是指生成前端标准框架这一任务)。上述前端标准框架生成方法即是在Node.js环境下利用Vue.cli完成的。

由于本说明书实施例的前端标准框架中定义了统一的框架规范，对于前端开发者而言，无需依赖于各开发者开发经验再设计前端框架。因此，为便于与现有技术中依赖于各开发者开发经验的个性化的前端框架相区别，在本说明书的实施例中生成的前端框架可以称为前端标准框架。

上述创建框架的目录文件是指创建了全局目录，该全局目录中可以包括根目录和位于该根目录下的各个子目录。其中，全局目录可以根据Vue基础结构确定，当然，在本说明书的实施例中，还可以增加用于存放框架规范的子目录。因此，全局目录是空目录，实际上相当于列出了创建框架所需材料的清单。

上述多个子文件可以预先编写好以便于获取。这些子文件主要包括与Vue模块基础结构对应的基础代码(或核心代码)、配置文件和demo文件等；此外，还可以包括预定义的框架规范文档(即框架规范文件)。在获得这些子文件后，可以将其移动至所述目录文件中的对应目录。例如，可以将框架规范文件存入全局目录中用于存放框架规范的子目录。至此，相当于备齐了创建框架所需材料。由于配置文件中包含有各Vue模块之间的依赖关系以及打包、转译(转换编译)规则，因此，利用Webpack分析配置文件可以获取上述的依赖关系和规则，进而可以据此进行打包、转译处理。即利用Webpack可以将很多松散的vue模块按照依赖关系和规则打包和转译成符合生产环境部署的前端资源。不仅如此，利用Webpack还可以按需加载vue模块进行代码分割，待到实际需要时再异步加载。当然，要实现这种功能，需要预先准备匹配的配置文件。

在此基础上，就可以读取配置文件，并根据配置文件将存入多个子文件的目录文件封装成框架安装包。如此，将许多碎小文件打包成一个整体，可以减少传输时的请求次数，从而可以提高传输效率；而且将ES6的高级语法进行转换编译，还可实现兼容老版本的浏览器。不仅如此，在另一些实施例中，利用Webpack将代码打包的同时还可以进行混淆，以提高代码的安全性。

基础代码(或核心代码)是前端应用中所必须使用(或惯用)的代码，因此预先准备好这些基础代码(或核心代码)可以方便前端应用开发者在后续开发时直接使用，从而有利于提高前端应用的开发效率。

配置文件主要是基于Vue模块基础结构的基本配置。例如babelrc配置、browserslistrc配置和vue.config配置等。其中，当需要将ES6的语法进行转化时，可以在配置文件中进行相关的babelrc配置。browserslistrc配置用于指定项目的目标浏览器的范围，如果对相关浏览器进行特殊的配置，需要对browserslistrc文件配置的完整列表进行相关的配置。vue.config配置可以用于在全局目录的根目录下新建以babelrc文件形式的vue.config.js文件，存放在src文件夹。

demo文件可以提供一些示范模板(例如可以包括前端应用的整体模板和/或前端应用各模块部分的模板)，以便于前端应用开发者可以在此基础上进行开发，从而也有利于提高前端应用的开发效率。

本说明书一些实施例中，所述框架规范文件可以包含：框架结构规范、层叠样式表(Cascading Style Sheets，简称CSS)规范、注释规范、编码规范、命名规范及安全规范等。基于这些规范可以使得前端应用的开发可以基于一个统一、规范的平台进行。为便于理解，下面对各部分规范具体说明。

(一)框架结构规范(以vue为例)

框架结构规范即为结构化规范，包括目录文件及子文件规范、Vue模块文件基础结构，从而事先定义了一套通用的开发文件结构规范。

1.1、目录文件及子文件规范(如下表1所示)

1.2、Vue模块文件基础结构

例如，在一示例性实施例中，Vue模块文件基础结构可以如下：

<template>

<div>

</div>

</template>

<script>

export default{

components:{},//5.注册需要用到的组件

props:{},//7.传递到本组件的props

data(){//8.组件的data必须是一个函数

return{}；

},

computed:{},//8

watch:{},//9

//所有的钩子函数:如created

created(){},//9

methods:{}//10

}；

</script>

<！--语言类型,并且添加scoped-->

<style lang＝"scss"scoped>

</style>

(二)命名规范

在上述框架结构规范的前提下，根据应用内不同的功能模块，分别约定各个功能模块的命名规则，例如可以包括文件资源命名规范、变量命名规范、常量命名规范、组件命名规范、方法命名规范、类成员命名规范、Props命名规范、多个特性的元素命名规范、以及元素特性的顺序等。其中，Props是vue的一个属性，在vue中，父子组件之间的通信就是props down，events up，父组件通过属性props向下传递数据给子组件，子组件通过事件events给父组件发送消息。比如，子组件需要某个数据，就在内部定义一个prop属性，然后父组件就像给html元素指定特性值一样，把自己的data属性传递给子组件的这个属性。

(三)CSS规范

CSS规范一般包括通用CSS规范和SASS(Syntactically Awesome Stylesheets)规范。

3.1、通用规范

例如可以包括：

1)统一使用"-"连字符；省略值为0时的单位；

2)如果CSS可以做到，就不要使用JS；

3)建议并适当缩写值，提高可读性，特殊情况除外“建议并适当”是因为缩写总是会包含一系列的值，而有时候并不希望设置某一值，反而造成了麻烦，那么这时候可以不缩写，而是分开写；

4)当然，在一切可以缩写的情况下，请务必缩写，它最大的好处就是节省了字节，便于维护，并使阅读更加一目了然；元素选择器应该避免在scoped中出现；

5)在scoped样式中，类选择器比元素选择器更好，因为大量使用元素选择器是很慢的；

6)分类的命名方法；

7)统一语义理解和命名。

3.2、SASS规范

例如可以包括：

1)当使用SASS的嵌套功能的时候，重要的是有一个明确的嵌套顺序，以下内容是一个SCSS块应具有的顺序；

2)当前选择器的样式属性；

3)父级选择器的伪类选择器(:first-letter,:hover,:active etc)；

4)伪类元素(:before and:after)；

5)父级选择器的声明样式(.selected,.active,.enlarged etc.)；

6)用Sass的上下文媒体查询；

7)子选择器作为最后的部分。

(四)注释规范

代码注释在一个项目的后期维护中显的尤为重要，所以要为每一个被复用的组件编写组件使用说明，为组件中每一个方法编写方法说明。其中，注释规范可以包括注释列表规范、单行注释规范、多行注释规范、以及函数注释规范等。

(五)编码规范

优秀的项目源码，即使是团队开发，也应如出一人之手。因此，统一的编码规范，可使代码更易于阅读，易于理解，易于维护。例如，可以统一按照ESLint格式要求编写代码。一般地，编码规范可以包括：源码风格规范、指令风格规范、以及Props规范。

(六)安全规范

安全规范主要是用于解决在当前前端应用的开发中，缺少接口请求处理、数据传输以及路由访问等相关安全性的安全框架的问题。例如，在本说明书的一些实施例中，安全规范可以包括接口安全规范和数据安全规范。

6.1、接口安全规范

接口安全规范封装有拦截过滤器(即提供了接口拦截过滤功能)，以拦截并过滤不符合所述接口安全规范要求的数据请求和/或数据接收。例如图3所示，可以通过前端应用配置的安全模块数据请求进行拦截过滤，以符合接口安全规范。

6.2、数据安全规范

所述数据安全规范封装有加密算法(例如消息摘要算法5(Message DigestAlgorithm MD5，简称MD5)、高级加密标准(Advanced Encryption Standard，简称AES)等)，以用于客户端和服务端之间的数据传输加密。即数据安全规范提供数据加密功能。目前大部分APP接口都是通过HTTP协议进行调用的，容易被抓包拦截。如图3所示，可以通过前端应用配置的安全模块对客户端和服务端数据传输时进行加密处理，以符合数据传输安全规范。

在本说明书一实施例中，所述客户端可以为台式电脑、平板电脑、笔记本电脑、智能手机、数字助理、智能可穿戴设备等。其中，智能可穿戴设备可以包括智能手环、智能手表、智能眼镜、智能头盔等。当然，所述客户端并不限于上述具有一定实体的电子设备，其还可以为运行于上述电子设备中的软体。

在本说明书一实施例中，所述服务端可以为具有运算和网络交互功能的电子设备；也可以为运行于该电子设备中，为数据处理和网络交互提供业务逻辑的软体。所述服务端可以接收客户端发送的通信消息，并向客户端发送通信消息。

虽然上文描述的过程流程包括以特定顺序出现的多个操作，但是，应当清楚了解，这些过程可以包括更多或更少的操作，这些操作可以顺序执行或并行执行(例如使用并行处理器或多线程环境)。

在本说明书一些实施例中，基于上述的前端标准框架生成方法，可以生成如图2所示前端标准框架。从图2可以看出，前端标准框架包括规范模块(即框架规范文件部分)、安全模块(数据传输安全和接口安全部分)、配置模块和其他模块(例如接口模块、展示模块等)。

与上述的前端标准框架生成方法对应，本说明书实施例还提供了一种前端标准框架生成装置。参考图4所示，在本说明书一些实施例中，所述前端标准框架生成装置可以包括：

创建模块41，可以用于创建框架的目录文件；所述目录文件包含框架规范文件目录。

移动模块42，可以用于获取所述框架的多个子文件，并将其移动至所述目录文件中的对应目录；所述多个子文件包含框架规范文件和配置文件，所述多个子文件满足所述框架规范文件的要求。

封装模块43，可以用于读取所述配置文件，并根据所述配置文件将存入所述多个子文件的目录文件封装成框架安装包。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本文一实施例中，如图5所示，还提供一种计算机设备502。计算机设备502可以包括一个或多个处理器504，诸如一个或多个中央处理单元(CPU)或图形处理器(GPU)，每个处理单元可以实现一个或多个硬件线程。计算机设备502还可以包括任何存储器506，其用于存储诸如代码、设置、数据等之类的任何种类的信息，一具体实施方式中，存储器506上并可在处理器504上运行的计算机程序，所述计算机程序被所述处理器504运行时，可以执行根据上述方法的指令。非限制性的，比如，存储器506可以包括以下任一项或多种组合：任何类型的RAM，任何类型的ROM，闪存设备，硬盘，光盘等。更一般地，任何存储器都可以使用任何技术来存储信息。进一步地，任何存储器可以提供信息的易失性或非易失性保留。进一步地，任何存储器可以表示计算机设备502的固定或可移除部件。在一种情况下，当处理器504执行被存储在任何存储器或存储器的组合中的相关联的指令时，计算机设备502可以执行相关联指令的任一操作。计算机设备502还包括用于与任何存储器交互的一个或多个驱动机构508，诸如硬盘驱动机构、光盘驱动机构等。

计算机设备502还可以包括输入/输出模块510(I/O)，其用于接收各种输入(经由输入设备512)和用于提供各种输出(经由输出设备55)。一个具体输出机构可以包括呈现设备516和相关联的图形用户接口518(GUI)。在其他实施例中，还可以不包括输入/输出模块510(I/O)、输入设备512以及输出设备55，仅作为网络中的一台计算机设备。计算机设备502还可以包括一个或多个网络接口520，其用于经由一个或多个通信链路522与其他设备交换数据。一个或多个通信总线524将上文所描述的部件耦合在一起。

通信链路522可以以任何方式实现，例如，通过局域网、广域网(例如，因特网)、点对点连接等、或其任何组合。通信链路522可以包括由任何协议或协议组合支配的硬连线链路、无线链路、路由器、网关功能、名称服务器等的任何组合。

本申请是参照根据本说明书实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理器的处理器以产生一个机器，使得通过计算机或其他可编程数据处理器的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理器以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理器上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算机设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算机设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

本领域技术人员应明白，本说明书的实施例可提供为方法、系统或计算机程序产品。因此，本说明书实施例可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本说明书实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本说明书实施例可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书实施例，在这些分布式计算环境中，由通过通信网络而被连接的远程处理器来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本说明书实施例的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外，在不相互矛盾的情况下，本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (13)

1.一种前端标准框架生成方法，其特征在于，包括：

创建基于ES6标准的Vue框架的目录文件；所述目录文件包含框架规范文件目录；

获取所述框架的多个子文件，并将其移动至所述目录文件中的对应目录；所述多个子文件包含框架规范文件、配置文件和demo文件，以及与Vue模块基础结构对应的基础代码或核心代码，所述多个子文件满足所述框架规范文件的要求；所述框架规范文件包含框架结构规范；所述框架结构规范包括Vue模块文件基础结构、目录文件及子文件规范；所述目录文件及子文件规范的规范项包括：过滤器、混入、导出混入、用于指定项目的目标浏览器范围；所述配置文件中包含有各Vue模块之间的依赖关系以及打包、转译规则；所述demo文件中包含前端应用的整体模板和/或前端应用各模块部分的模板；

读取所述配置文件，并根据所述配置文件将存入所述多个子文件的目录文件封装成框架安装包。

2.如权利要求1所述的前端标准框架生成方法，其特征在于，还包括：

发布所述框架安装包。

3.如权利要求1所述的前端标准框架生成方法，其特征在于，所述框架规范文件包含：

层叠样式表CSS规范；

注释规范；

编码规范；

命名规范；以及，

安全规范。

4.如权利要求3所述的前端标准框架生成方法，其特征在于，所述CSS规范包括：

通用CSS规范；以及，

SASS规范。

5.如权利要求3所述的前端标准框架生成方法，其特征在于，所述注释规范包括：

注释列表规范；

单行注释规范；

多行注释规范；以及，

函数注释规范。

6.如权利要求3所述的前端标准框架生成方法，其特征在于，所述编码规范包括：

源码风格规范；

指令风格规范；以及，

Props规范。

7.如权利要求3所述的前端标准框架生成方法，其特征在于，所述命名规范包括：

文件资源命名规范；

变量命名规范；

常量命名规范；

组件命名规范；

方法命名规范；

类成员命名规范；

Props命名规范；

多个特性的元素命名规范；以及，

元素特性的顺序。

8.如权利要求3所述的前端标准框架生成方法，其特征在于，所述安全规范包括：

接口安全规范；以及，

数据安全规范。

9.如权利要求8所述的前端标准框架生成方法，其特征在于，所述接口安全规范封装有拦截过滤器，以拦截并过滤不符合所述接口安全规范要求的数据请求和/或数据接收。

10.如权利要求8所述的前端标准框架生成方法，其特征在于，所述数据安全规范封装有加密算法，以用于客户端和服务端之间的数据传输加密。

11.一种前端标准框架生成装置，其特征在于，包括：

创建模块，用于创建基于ES6标准的Vue框架的目录文件；所述目录文件包含框架规范文件目录；

移动模块，用于获取所述框架的多个子文件，并将其移动至所述目录文件中的对应目录；所述多个子文件包含框架规范文件、配置文件和demo文件，以及与Vue模块基础结构对应的基础代码或核心代码，所述多个子文件满足所述框架规范文件的要求；所述框架规范文件包含框架结构规范；所述框架结构规范包括Vue模块文件基础结构、目录文件及子文件规范；所述目录文件及子文件规范的规范项包括：过滤器、混入、导出混入、用于指定项目的目标浏览器范围；所述配置文件中包含有各Vue模块之间的依赖关系以及打包、转译规则；所述demo文件中包含前端应用的整体模板和/或前端应用各模块部分的模板；

封装模块，用于读取所述配置文件，并根据所述配置文件将存入所述多个子文件的目录文件封装成框架安装包。

12.一种计算机设备，包括存储器、处理器、以及存储在所述存储器上的计算机程序，其特征在于，所述计算机程序被所述处理器运行时，执行根据权利要求1-10任意一项所述方法的指令。

13.一种计算机存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被计算机设备的处理器运行时，执行根据权利要求1-10任意一项所述方法的指令。