Yeoman配置攻略

Yeoman是Google团队开发的项目，通过内部三个工具yo,grunt,bower协同工作，可以让网络前端开发者快速打造一个漂亮的网络应用。

yo: 脚手架工具，用于构建一个新的项目框架，项目工程依赖目录和文件生成工具，项目生产环境和编译环境生产工具

bower: web开发的包管理，类似npm, npm专注于nodejs模块，bower专注于css、js、图像等前端内容管理，bower的运行依赖于版本控制工具git，

从github拉取信息，需要安装git

grunt: 前端构建工具，用于打包。

配置过程如下：

1、官网下载安装node.js https://nodejs.org/，更新npm版本 npm install -g [email protected]

2、验证node.js npm是否安装成功node --version && npm --version

npm是node包管理和分发工具，通过npm可以很快的找到特定服务要使用的包进行下载、安装及管理已经安装的包。

3、配置全局模块的安装路径 npm config set prefix "D:\nodejs\node-global"

npm缓存文件夹 npm config set cache "D:\nodejs\node-cache"

4、安装全局模块 npm install -g express （主要用于nodejs开发）

5、安装yo grunt、bower: npm  install --global yo bower grunt-cli，配置环境变量path = D:\Program Files\nodejs\node-global

6、安装成功

7、安装ruby，gen是ruby的包管理工具，就像npm之于node.js
下载rubyinstaller，并配置环境变量path为 D:\Software\ruby-2.2.2\bin

8、安装compass用于编译scss（css框架）

在安装compass的过程中出现了这样的错误：Could not find a valid gem ‘compass (>= 0) in any repository.（原因是ruby 的gem被和谐了）

可以采用下面的方法解决

9、grunt打包报错

 Warning: Running "imagemin:dist" (imagemin) task
    Warning: Error: spawn /Users/demo/node_modules/optipng-bin/vendor/optipng ENOENT in file app/images/APPLICATION.png Use --force to continue.

解决方法：

npm uninstall
rm -rf node_modules
npm cache verify
npm install