window下使用yeoman

1.创建一个工程项目用来存放yeoman自动生成的项目文件.

在工程位置中cmd输入: yo

选择Webapp,回车;

选择使用Bootstrap方式构建:

之后会提示选择bootstrap的版本:选择自己应用适合的版本.

选择测试方式:

        Behavior Driven Development，行为驱动开发是一种敏捷软件开发的技术，它鼓励软件项目中的开发者、QA和非技术人员或商业参与者之间的协作。
在了解Behavior Driven Development之前，先介绍Test-Driven Development(TDD)即测试驱动开发，它是一种测试先于编写代码的思想用于指导软件开发。测试驱动开发是敏捷开发中的一项核心实践和技术，也是一种设计方法论。TDD的原理是在开发功能代码之前，先编写单元测试用例代码，测试代码确定需要编写什么产品代码。

开始构建:

安装完成后,发现yeoman自动生成了gulp而不是grunt.所以按照以前的grunt serve会提示没有找到gruntfile.js

而在生成的项目中存在gulpfile.js,不知道是不是已经gulp替代了grunt了.

为了使用gulp命令,先安装一下gulp.

npm install gulp,

在本地项目中也安装:

npm install gulp -g --save-dev

---------------------------------------------

输入:gulp serve  开启服务器

服务器启动后，浏览器会自动打开并访问：http://localhost:9000/，如下图所示：

在本机启动一个用于预览的Web服务器，默认监听了9000端口:

gulp.task('serve', () => {
  runSequence(['clean', 'wiredep'], ['styles', 'scripts', 'fonts'], () => {
    browserSync.init({
      notify: false,
      port: 9000,
      server: {
        baseDir: ['.tmp', 'app'],
        routes: {
          '/bower_components': 'bower_components'
        }
      }
    });

    gulp.watch([
      'app/*.html',
      'app/images/**/*',
      '.tmp/fonts/**/*'
    ]).on('change', reload);

    gulp.watch('app/styles/**/*.scss', ['styles']);
    gulp.watch('app/scripts/**/*.js', ['scripts']);
    gulp.watch('app/fonts/**/*', ['fonts']);
    gulp.watch('bower.json', ['wiredep', 'fonts']);
  });
});