Yeoman-bower-gulp

Yeoman

Yeoman工作流程包括三种类型的工具，用于在构建Web应用程序时提高您的生产力和满意度：the scaffolding tool 脚手架工具（Yo），构建工具the build tool（Gulp，Grunt等）和包管理器the package manager（如npm和Bower）

---

yo

一个新的应用程序，编写您的构建配置（例如Gulpfile），并提取相关的构建任务和您可能需要构建的程序包管理器依赖（例如，npm）。方便的为你初始一个项目，包括生成项目文件，代码结构，包依赖，初始页面的例子等等。在yeoman官网http://yeoman.io/generators/提供了许多generators，我们可以把他看成是一个插件，可以使用yo命令来运行脚手架完整的项目或有用的部分。

bower

一种包管理器，可以对我们项目使用到的框架、库、公共部分进行管理

gulp/grunt

自动化构建工具，可以方便快速的进行一些重复性的操作任务，如压缩，编译，单元测试等

---

使用

• 第一步自然是安装

  • cnpm install -g yo bower gulp-cli
  • 在这里generator选择webapp为例，所以同样安装npm install -g generator-webapp
  • 官方文档 https://github.com/yeoman/generator-webapp#readme

• 执行命令yo webapp，搭建脚手架
  但是到后面执行gulp的时候每次都会报一个gulp-sass的错

 Error: Cannot find module 'gulp-sass' from 'F:\Workspace\my-yo-webapp-project'

这个问题可能是网络造成的吧，可以删除node_modules重新下载安装（我这是全部重装，或者也可以cnpm install gulp-sass - -save-dev只安装这个）

rm -rf node_modules  cnpm install

• 执行命令bower install

• 执行命令gulp

• 执行命令gulp serve:dist 预览

---