前端工程是人们经常提到的。目的基本上是提高发展效率,降低成本并确保质量。脚手架工具是前端工程中非常重要的链接。可以在很大程度上提到Web工程脚手架工具的良好使用。
我们不仅必须在市场上使用很多成熟的脚手架,而且还可以根据实际项目获得适合我们自己项目的脚手架。本文将与所有人一起实施基本的通用脚手架工具,可以在将要。
该项目的整体结构如下。我们将逐步编写代码,以最终获得整个脚手架工具。
可以根据以下内容创建或修改。
这里有两个点:
要启用脚本,您需要将以下代码添加到xman.js的顶部:
写作后,可以介绍指挥官(node.js命令行接口的完整解决方案)。您可以单击链接或访问NPM官方网站以查看特定API的使用情况。
目前,我们可以定义脚手架的当前版本和版本查看的版本。
在当前的Xman-CLI目录中,执行后,您可以在本地调试脚手架工具。
然后在当前目录中执行
您可以看到我们定义的版本编号,还证明了脚手架工具已成功建立。
这是脚手架工具的核心功能点。脚手架工具命令很快选择了拉力,并提前在git仓库中构建基本项目模板。我们可以根据实际需求自定义项目模板,并在项目中制定相关的开发规格和协议。
首先,在git上构建自己的基本项目。应该注意的是,当构建基本项目模板时,该项目的字段应写为以下形式:
至于为什么这样写的方式,后一个代码将得到反映。
然后在根目录中创建:
上述项目和不同的项目代表不同的项目,可以根据实际情况,基本项目的地址和自动拉力分支进行自定义。
然后在命令文件夹(此文件夹下的某些后续列命令的实现逻辑)下创建它:
lib/remove.js
最后继续定义命令:
只需找到一个文件夹即可执行定义的定义:
打开我们下载的模板项目以查看:
现在我们可以通过命令来将施工项目拉动,但是如果将来有一个新的项目模板?您每次都会手动修改它吗?这当然是不合理的,因此我们需要通过命令添加一个项目模板。
首先在Git Warehouse中创建一个新的项目模板,我在这里称其为“称为”,然后开始编写项目模板添加的逻辑和命令,创建一个新命令/add.js:
继续将命令添加到bin/xman.js
执行,然后执行配置命令:
可以看出,已经添加了新的模板信息。
由于添加了添加,因此必须有删除命令。
继续添加命令:
执行,然后执行配置命令。查看,我们删除了要删除的模板信息。
一般来说,我们不记得所有已添加的模板,有时我们需要快速检查它。因此,接下来我们将对模板列表进行简单的快速查看:
新命令/列表。
添加命令:
执行,然后执行配置命令:
绝对不会使用通用的脚手架工具。使用它的人可能需要知道CLI是否具有最新版本,因此它还需要检查检查CLI版本的功能。
新bin/update.js:
添加命令:
执行,然后执行配置命令:
在这一点上,我们已经获得了一个基本但完整的Web工程脚手架工具。您可以根据您的实际需求进行修改和扩展。
网络工程脚手架的重要作用实际上是以下几点: