介绍
generator-dwwpugemail 是一个基于 Yeoman 的前端工具，用于自动生成响应式 HTML 邮件模板，支持使用 Pug 模板引擎和 Sass 预处理器。生成的模板已经考虑到了各种邮件客户端的兼容性和基本布局。
安装
在全局安装 Yeoman：
npm install -g yo
然后安装 generator-dwwpugemail：
npm install -g generator-dwwpugemail
使用
在你的项目目录下，创建一个新文件夹并进入：
mkdir my-email-template cd my-email-template
然后运行下面的命令：
yo dwwpugemail
Yeoman 将会询问你一些问题，如邮件的标题、宽度，以及使用的 Pug 模板和 Sass 样式表的路径等。在输入完所有信息后，generator-dwwpugemail 将会自动生成一个响应式 HTML 邮件模板，并且自动为你安装相关的依赖。
生成的目录结构如下：
-- -------------------- ---- ------- - --- ---- - --- ----- - - --- --------- - - --- ----------- - - --- ------------ - --- ------ - --- --------- --- ---------- --- ----------- --- ------------ --- ------------ --- ---------
它包含了一个基本的 Sass 文件结构，以及一个 Pug 模板文件。你可以使用 Grunt 来编译 Sass 和 Pug 文件，并运行开发服务器或者生成最终的邮件模板。
示例代码
以下是一个简单的例子，使用 generator-dwwpugemail 生成的模板来创建一个 HTML 邮件：
-- -------------------- ---- -------
----
----
---------------------
---------------------------------- ------------------
--------------------- ---------------------------- -----------------
------ -----
----------------------
------- -----------------
------- -------------------
------- --------------------
----
--------------------------------------------- ------------ ----------- ---------------- ----------------
--
--
-- ------
--------------------------- ----------- ---------------- ----------------
--
----------------
---------------
-- ------ ------
-
- ---- -- -- ------- -- - ---------- ----- -------- --------- --
- ------------------------
---------------------------------------- ------------ ------------- ------------
--
---------
-- ----
------------------- ----------- ---------------- ----------------
--
---------------------------
- - ---- ------- -------- --- ------ ---------你可以根据自己的需要来修改模板文件，比如添加更多的模块和样式，或者添加其他的 Pug 和 Sass 文件来组织和管理代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005670f81e8991b448e34f5