介绍
kung-fig-template 是一款方便快速生成 HTML 和 CSS 基本结构的 npm 包。它基于 figlet 和 chalk 两个 npm 包，可以在命令行中生成 ASCII 字符风格的文本和彩色的输出。
安装
在 npm 中安装 kung-fig-template：
npm install -g kung-fig-template
这里使用 -g 参数进行全局安装，可以在终端的任何位置使用 kung-fig-template 命令。
使用方法
生成 HTML 文件
在命令行中输入以下命令：
kung-fig-template html [filename]
其中，[filename] 为要生成的 HTML 文件名。如果没有输入文件名，默认会生成 index.html。
生成的 HTML 文件中包含了基本的 HTML 结构，如文档类型、head 标签、body 标签等。除此之外，还包含了一个空的 div 元素，便于添加其他内容。
生成 CSS 文件
在命令行中输入以下命令：
kung-fig-template css [filename]
其中，[filename] 为要生成的 CSS 文件名。如果没有输入文件名，默认会生成 style.css。
生成的 CSS 文件中已经包含了常用的 reset 样式和一些基础样式，如全局字体颜色、边框等。可以在此基础上添加其他样式。
生成文本
在命令行中输入以下命令：
kung-fig-template text [text]
其中，[text] 为要生成的文本内容。文本可以包含多行内容，自动居中显示，字体大小可以根据终端窗口大小自动调整。
示例代码
- 生成 HTML 文件：
kung-fig-template html index
生成的 index.html 文件内容如下：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
-----------------------
-------
------
-----------
-------
-------- 生成 CSS 文件：
kung-fig-template css style
生成的 style.css 文件内容如下：
-- -------------------- ---- -------
-- ----- --
- -
------- --
-------- --
----------- -----------
-
-- ------ --
---- -
------ -----
-
-- ----- ----- --
--- -
------- --- ----- -----
-- 生成文本：
kung-fig-template text "Hello, world!\nThis is a test message."
生成的文本内容如下：
_ _ _ _ __ __ _ _ _
| | | | ___| | | ___ \ \ / /__ _ __| | __| | |
| |_| |/ _ \ | |/ _ \ \ \ /\ / / _ \| '__| |/ _` | |
| _ | __/ | | (_) | \ V V / (_) | | | | (_| |_|
|_| |_|\___|_|_|\___/ \_/\_/ \___/|_| |_|\__,_(_)
Hello, world!
This is a test message. 总结
kung-fig-template 是一款方便快速生成 HTML 和 CSS 基本结构的 npm 包，使用起来非常方便。通过学习和使用 kung-fig-template，可以更加快速高效地开发 Web 项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67870