CN111258583A - 一种实现前端开发多模板支持的脚手架系统 - Google Patents
一种实现前端开发多模板支持的脚手架系统 Download PDFInfo
- Publication number
- CN111258583A CN111258583A CN202010113499.2A CN202010113499A CN111258583A CN 111258583 A CN111258583 A CN 111258583A CN 202010113499 A CN202010113499 A CN 202010113499A CN 111258583 A CN111258583 A CN 111258583A
- Authority
- CN
- China
- Prior art keywords
- module
- template
- compiling
- end development
- input
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000011161 development Methods 0.000 title claims abstract description 34
- 238000012545 processing Methods 0.000 claims abstract description 6
- 238000010276 construction Methods 0.000 description 6
- 238000000034 method Methods 0.000 description 5
- 230000003993 interaction Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种实现前端开发多模板支持的脚手架系统，包括：编译模块、输入模块以及输出模块，通过编译模块编写指令并解析输入模块中所输入的模板操作命令，再由输出模块输出界面内容；其中，编译模块用于指令的编写和处理；输入模块用于用户输入的模板操作命令；输出模块用于控制台输出内容。采用本发明可以很好地实现了前端开发的模板定制化和管理，能够适用于多种复杂开发场景。
Description
技术领域
本发明涉及前端开发技术领域，尤其是一种实现前端开发多模板支持的脚手架系统。
背景技术
前端脚手架的目的是为了减少开发人员重复性工作而引入的工具。传统前端开发的过程中，需要引入各种必须的库或者文件，这些环境的部署过程复杂且重复。而前端脚手架的出现则让上述事情简单化，开发人员无需关注配置环境和配置文件，只需对应用程序的核心流程进行开发即可，使得项目从搭建到开发再到部署的过程更加快速及规范。因此前端脚手架的出现使得开发人员的效率大大提升，逐渐成为项目开发的主流技术。现有的知名脚手架有vue-cli和create-react-app,都是官方提供的前端开发一体化构建工具，能够很好的适用于市面上大部分场景。但是，现有前端cli脚手架多为集成一体化的开发构建工具，定制化不够灵活，不支持多模板的管理。
发明内容
为解决现有技术中前端开发个性化定制化不够灵活，不支持多模板的管理的问题，本发明提出了一种实现前端开发多模板支持的脚手架系统。
具体方案如下：
一种实现前端开发多模板支持的脚手架系统，包括：编译模块、输入模块以及输出模块，通过编译模块编写指令并解析输入模块中所输入的模板操作命令，再由输出模块输出界面内容；其中，
编译模块用于指令的编写和处理；
输入模块用于用户输入的模板操作命令；
输出模块用于控制台输出内容。
优选的，所述的编译模块包括Commander工具包，所述的输入模块包括Inquirer工具包，所述的输出模块包括Chalk和Or工具包。
优选的，还包括下载模块，所述下载模块用于远程模板下载。
优选的，所述的下载模块包括Download-git-repo工具包。
优选的，所述的脚手架系统支持Github、Gitlab和Bitbucket。
优选的，所述的模板操作命令包括kst add、kst delete、kst list和kst init。
优选的，所述的脚手架系统基于node.js环境开发。
本发明的技术方案可以很好地实现了前端开发的模板定制化和管理，能够适用于多种复杂开发场景。实现了前端开发的模板定制化管理和前端开发工程的快速构建，对不同业务场景的适应性更强。足以支持市面上大部分的业务开发前端构建。
附图说明
下面结合附图对本发明的一种实现前端开发多模板支持的脚手架系统进行具体说明。
图1是本发明脚手架系统的结构框图。
具体实施方式
请参照图1所示的结构框图。具体实现过程的内容为：
一种实现前端开发多模板支持的脚手架系统，包括：编译模块、输入模块以及输出模块，通过编译模块编写指令并解析输入模块中所输入的模板操作命令，再由输出模块输出界面内容；其中，
编译模块用于指令的编写和处理；
输入模块用于用户输入的模板操作命令；
输出模块用于控制台输出内容。
优选的，所述的编译模块包括Commander工具包，所述的输入模块包括Inquirer工具包，所述的输出模块包括Chalk和Or工具包。
优选的，还包括下载模块，所述下载模块用于远程模板下载。
优选的，所述的下载模块包括Download-git-repo工具包。
优选的，所述的脚手架系统支持Github、Gitlab和Bitbucket。
优选的，所述的模板操作命令包括kst add、kst delete、kst list和kst init。优选的，所述的脚手架系统基于node.js环境开发。
该脚手架工具基于node服务开发，其可直接用于前端开发模板的快速添加，并基于模板快速搭建前端开发脚手架。其中主要用到以下工具包：
Commander用于指令的编写和处理；
Inquirer用于用户交互的命令行工具；
Chalk控制台输出内容；
Download-git-repo用于远程模板下载。
本方案实施例已上传npm，用户可命令行进行全局安装：
npm install-g kst-cli
安装完成后重启终端生效，输入kst会有相关提示。kst-cli内置了基础的开发模板供快速选择前端开发模板并利用该模板进行前端开发。具体实现代码如下：
通过commander编写指令,结合命令行交互工具包inquirer处理与用户终端输入的交互，并且采用了or、chalk等工具包实现交互界面展示细节，模板下载主要通过download-git-repo工具包实现远程模板下载，支持github、gitlab和Bitbucket等。方案提供了一系列的操作流程提示，通过解析用户终端输入进行相应的模板管理操作来实现前端的定制化开发构建。
上述实施例中的实施方案可以进一步组合或者替换，且实施例仅仅是对本发明的优选实施例进行描述，并非对本发明的构思和范围进行限定，在不脱离本发明设计思想的前提下，本领域中专业技术人员对本发明的技术方案作出的各种变化和改进，均属于本发明的保护范围。
Claims (7)
1.一种实现前端开发多模板支持的脚手架系统，其特征在于，包括：编译模块、输入模块以及输出模块，通过编译模块编写指令并解析输入模块中所输入的模板操作命令，再由输出模块输出界面内容；其中，
编译模块用于指令的编写和处理；
输入模块用于用户输入的模板操作命令；
输出模块用于控制台输出内容。
2.根据权利要求1所述的一种实现前端开发多模板支持的脚手架系统，其特征在于，所述的编译模块包括Commander工具包，所述的输入模块包括Inquirer工具包，所述的输出模块包括Chalk和Or工具包。
3.根据权利要求1所述的一种实现前端开发多模板支持的脚手架系统，其特征在于，还包括下载模块，所述下载模块用于远程模板下载。
4.根据权利要求3所述的一种实现前端开发多模板支持的脚手架系统，其特征在于，所述的下载模块包括Download-git-repo工具包。
5.根据权利要求1所述的一种实现前端开发多模板支持的脚手架系统，其特征在于，所述的脚手架系统支持Github、Gitlab和Bitbucket。
6.根据权利要求1所述的一种实现前端开发多模板支持的脚手架系统，其特征在于，所述的模板操作命令包括kst add、kst delete、kst list和kst init。
7.根据权利要求1-6任一所述的一种实现前端开发多模板支持的脚手架系统，其特征在于，所述的脚手架系统基于node.js环境开发。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010113499.2A CN111258583A (zh) | 2020-02-24 | 2020-02-24 | 一种实现前端开发多模板支持的脚手架系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010113499.2A CN111258583A (zh) | 2020-02-24 | 2020-02-24 | 一种实现前端开发多模板支持的脚手架系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111258583A true CN111258583A (zh) | 2020-06-09 |
Family
ID=70949394
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010113499.2A Pending CN111258583A (zh) | 2020-02-24 | 2020-02-24 | 一种实现前端开发多模板支持的脚手架系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111258583A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115202630A (zh) * | 2022-09-08 | 2022-10-18 | 杭州阿启视科技有限公司 | 一种基于web前端工程的脚手架构建方法 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106843869A (zh) * | 2017-01-16 | 2017-06-13 | 百融（北京）金融信息服务股份有限公司 | 一种前端开发工程化系统和方法 |
| US20190310835A1 (en) * | 2017-03-28 | 2019-10-10 | Tencent Technology (Shenzhen) Company Limited | Application development method, tool, and device, and storage medium |
| CN110580152A (zh) * | 2018-06-07 | 2019-12-17 | 北京怡合春天科技有限公司 | 一种前端自动化脚手架 |
| CN110659062A (zh) * | 2019-09-20 | 2020-01-07 | 贝壳技术有限公司 | 前端脚手架的配置方法和装置、可读存储介质、电子设备 |
-
2020
- 2020-02-24 CN CN202010113499.2A patent/CN111258583A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106843869A (zh) * | 2017-01-16 | 2017-06-13 | 百融（北京）金融信息服务股份有限公司 | 一种前端开发工程化系统和方法 |
| US20190310835A1 (en) * | 2017-03-28 | 2019-10-10 | Tencent Technology (Shenzhen) Company Limited | Application development method, tool, and device, and storage medium |
| CN110580152A (zh) * | 2018-06-07 | 2019-12-17 | 北京怡合春天科技有限公司 | 一种前端自动化脚手架 |
| CN110659062A (zh) * | 2019-09-20 | 2020-01-07 | 贝壳技术有限公司 | 前端脚手架的配置方法和装置、可读存储介质、电子设备 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115202630A (zh) * | 2022-09-08 | 2022-10-18 | 杭州阿启视科技有限公司 | 一种基于web前端工程的脚手架构建方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102160037B (zh) | 只需设计一次就能在任何平台应用的移动应用开发框架 | |
| Alves et al. | Extracting and evolving mobile games product lines | |
| US9086899B2 (en) | Loading and debugging method and debugging system thereof | |
| CN101963915B (zh) | 一种编译的构建方法及系统 | |
| CN113076096B (zh) | 一种桌面应用程序开发方法、装置、设备及存储介质 | |
| CN112558980A (zh) | 多软件包管理方法及装置 | |
| CN101251800A (zh) | 图形用户界面生成方法及装置 | |
| CN111857801B (zh) | 一种移动应用的构建方法 | |
| CN104866298A (zh) | 基于流程图的流程化业务实现方法和装置 | |
| CN110580146B (zh) | 一种基于eros的混合应用解决系统 | |
| CN110569050A (zh) | 一种小程序更新方法和装置 | |
| CN111399840A (zh) | 一种模块开发方法及装置 | |
| CN104615462A (zh) | 跨平台的移动应用生成服务端及系统 | |
| CN109766139B (zh) | 配置文件的配置方法及装置 | |
| CN111142862A (zh) | 一种自动生成代码的系统及方法 | |
| CN111258583A (zh) | 一种实现前端开发多模板支持的脚手架系统 | |
| CN100547971C (zh) | 一种控制网络通讯软件功能的方法 | |
| CN110221840B (zh) | 应用程序的功能实现方法及装置、设备及存储介质 | |
| CN108089844A (zh) | 一种云端打包app方法及装置 | |
| Hamza et al. | TCAIOSC: application code conversion | |
| CN112486492A (zh) | 页面生成方法、装置、存储介质及电子设备 | |
| CN109509467B (zh) | 代码生成方法及装置 | |
| CN105446788B (zh) | 一种信息处理方法及电子设备 | |
| CN104978190A (zh) | 一种生成应用程序的方法和系统 | |
| CN116128433A (zh) | 核电厂设备信息管理系统及方法、存储介质、计算机设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200609 |
|
| RJ01 | Rejection of invention patent application after publication |