当前位置: 首页 > 网络应用技术

实现Web代码模板以快速生成CLI工具

时间:2023-03-08 16:12:21 网络应用技术

  在上一篇文章中,我们实施了一个通用脚手架工具来快速构建项目。在实际开发中,尤其是背景管理系统,有许多类似的代码实现。结果,我们可以继续实现一个工具来快速生成Web代码模板说再见以复制/粘贴。

  基本想法实际上非常简单,也就是说,通过命令检索定义的模板,然后生成代码文件:

  已经提到了许多依靠上一篇文章的人,因此本文不会太多。

  它可以使用NPM Init创建,也可以根据下面列出的软件包进行修改。

  在当前的Xmant-CLI目录中,执行后,您可以在本地调试脚手架工具。

  然后在当前目录中执行:

  说明该项目已成功建立。

  编写模板代码模板可以根据实际项目拉开。这是一些简单的模板作为示例。

  模板/js/reactclassjsx.js

  模板/js/reactfuncjsx.js

  模板/ts/reactclasstsx.js

  模板/ts/reationfuncts.js

  模板/TS/ReactFunctsx.js

  定义模板后,它由均匀指向。

  模板/index.js

  这里的“命名规范”是在以后创建文件时获取相应的后缀。

  创建工具功能utils/index.js:

  编写文件创建的逻辑准备,下一步是文件创建的逻辑命令/createfile.js:

  应该注意的是,如果您不检查在创建文件创建之前的当前文件夹下的同名文件,则将涵盖相同名称的原始文件。

  最后的写作命令是命令bin/xman.js的写作:

  调试它以在当前项目文件夹下执行,然后找到要执行的文件:

  打开我们新创建的文件以查看:

  您也可以选择其他模板来创建。

  如果我们想一次创建大量代码模板怎么办?当然,创建文件是分批创建的。

  在这里思考:通过阅读配置文件,然后分批创建。

  编写配置文件

  这里使用的文件模板是我们之前编写的模板。

  基于配置文件编写批处理创建文件逻辑,以创建一个comdy/createmanyfiles.js:command/creatmanyfiles.js:

  编写命令,最后写bin/xman.js:

  调试它以在当前项目文件夹下执行,然后找到要执行的文件:

  看一下我们分批创建的文件和文件夹:

  有很多方法可以快速创建代码模板,包括VSCODE插件,CLI工具以及更多制作低代码/Nocode平台的方法。本文中此方法的优势是它具有足够的灵活性。我们可以根据特定需求进行灵活的转换,以使其更适用。