在前端开发过程中，我们经常需要编写重复性的代码，比如新建一个项目的初始代码，或者新建一个组件的基本结构代码。为了提高开发效率，在使用 Yeoman 来构建项目时，可以选择 generator-zweman 这个 npm 包。
前置条件
在使用 generator-zweman 之前，需要先安装 Yeoman，可以使用以下命令：
$ npm install -g yo
同时，generator-zweman 依赖于 Node.js 版本 v8.5.0 或以上，因此需要先安装 Node.js。可以在 Node.js 官网 下载对应版本。
安装
使用以下命令安装 generator-zweman：
$ npm install -g generator-zweman
使用
新建一个文件夹，进入文件夹，使用以下命令：
$ yo zweman
此时会自动生成 zzweman-webapp 项目的基本结构，包括一些常用的配置文件和文件夹。可以根据需要进行添加、修改和删除。
生成组件：
$ yo zweman:component
然后输入组件名称，即可生成对应的组件结构和样式文件。可以在其中增加逻辑代码和模板文件，实现组件功能。
生成页面：
$ yo zweman:page
然后输入页面名称，即可生成对应的页面结构、样式、逻辑代码和模板文件。
示例代码
下面是一个简单的组件示例代码：
<!-- Component Template -->
<div class="my-component">
<h1>{{title}}</h1>
<p>{{content}}</p>
</div>-- -------------------- ---- ------- -- --------- ----- ------ - ---------- ----- - ---- ---------------- ------------ --------- --------------- ------------ -------------------------------- ---------- --------------------------------- -- ------ ----- -------------------- - -------- ------ ------- -------- -------- ------- -
-- -------------------- ---- -------
-- --------- ------
------------- -
------ -----
------------ ------ -----------
-- -
---------- -----
------------ -----
------- --
-------- --
-
- -
---------- -----
------- --- - --
-
-使用 generator-zweman 可以快速生成类似的组件结构，然后进行修改和定制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601181e8991b448ddfdf