介绍
generator-nww 是一个使用 Yeoman 构建的前端项目生成器，用于快速生成搭建好项目基础结构的前端脚手架。其可以生成基于 Gulp 的项目，集成了常用的工具库和工作流。
使用 generator-nww 可以大大提高前端开发的效率，减少不必要的重复工作。
安装
首先需要安装 Yeoman：
--- ------- -- --
然后安装 generator-nww：
--- ------- -- -------------
使用
在命令行中执行 yo nww，然后按照提示进行操作。
-- ---
先选择要生成的项目类型，这里暂时只支持 Gulp 项目。
然后选择要添加的工具库和插件，例如 jQuery，Bootstrap，gulp-sass 等。
最后输入项目名称，即可自动生成项目基础结构，并在其中添加选定的工具库和插件。
配置
generator-nww 的配置文件为 generator-nww/generators/app/templates/package.json，在生成项目后可以根据需要进行修改。其中可以配置项目名称、版本、依赖库、gulp 插件等，具体可参考 package.json。
示例代码
这里以生成一个简单的 Gulp 项目为例，展示使用 generator-nww 的示例代码。
- 首先安装 Yeoman 和 generator-nww：
--- ------- -- -- -------------
- 然后在命令行中执行
yo nww创建项目：
-- ---
在提示中选择 Gulp 项目，添加 jQuery 和 Bootstrap 插件，输入项目名称 my-project。
- 等待生成项目，并安装依赖库：
-- ---------- --- -------
- 在
gulpfile.js中添加样式编译任务sass：
--- ---- - ----------------
--- ---- - ---------------------
----------------- ---------- -
------ -------------------------
----------------------------- ---------------
-------------------------
---- 运行任务并查看结果：
---- ----
可以在 dist 目录下看到编译后的 CSS 文件。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005626281e8991b448dfa92