介绍
generator-nww 是一个使用 Yeoman 构建的前端项目生成器，用于快速生成搭建好项目基础结构的前端脚手架。其可以生成基于 Gulp 的项目，集成了常用的工具库和工作流。
使用 generator-nww 可以大大提高前端开发的效率，减少不必要的重复工作。
安装
首先需要安装 Yeoman：
npm install -g yo
然后安装 generator-nww：
npm install -g generator-nww
使用
在命令行中执行 yo 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：
npm install -g yo generator-nww
- 然后在命令行中执行
yo nww创建项目：
yo nww
在提示中选择 Gulp 项目，添加 jQuery 和 Bootstrap 插件，输入项目名称 my-project。
- 等待生成项目，并安装依赖库：
cd my-project npm install
- 在
gulpfile.js中添加样式编译任务sass：
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function() {
return gulp.src('src/**/*.scss')
.pipe(sass.sync().on('error', sass.logError))
.pipe(gulp.dest('dist'));
});- 运行任务并查看结果：
gulp sass
可以在 dist 目录下看到编译后的 CSS 文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005626281e8991b448dfa92