html页面生成器使用教程,实战 | HTML页面生成器：使用JavaScript和Node创建CLI

上一篇文章：实战 | 从零开始使用JavaScript制作自己的命令行(CLI工具) 中介绍了如何从零开始制作CLI，只是一个简单的示例，今天更进一步，来制作一个实际的程序，生成HTML模板。

在这篇文章中，我们将构建一个简单的CLI，允许用户生成HTML页面。我们首先要生成一个标准的空白页面，然后让用户输入参数，比如文件名和标题，先通过选项，然后通过提示问题让用户输入参数。

创建 Hello World CLI

创建用于编写CLI的文件夹。我将其命名为 html-generator-cli。打开一个终端，然后在此文件夹中运行：

npm init

该命令会有几个问题要问你，顺便说一下，这正是我们最终希望在空白HTML页面生成器中包含的内容。这将在文件夹中生成 package.json 文件：

我们需要创建包的 index.js 文件作为入口在package.json中引入。在这个文件中，写入下面代码：

console.log('Hello World!');

现在我们需要创建运行这段代码的命令。

{

"name": "html-generator-cli",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

},

"keywords": [],

"author": "",

"license": "ISC",

"bin": "index.js"

}

将最后一行添加到package.json中。现在，我们可以测试我们非常简单的CLI。在项目文件夹中局安装我们新创建的包到本机：

npm install -g ../html-generator-cli

打开一个新终端并运行：

html-generator-cli

如果您使用Windows，现在应该会看到“Hello World！”。在您的终端中。如果您使用的是基于UNIX的操作系统，则应该得到一个错误，可能与语法错误和意外的token有关。我本人用的是Mac，结果人如下