Yeoman配置攻略

您目前处于：笔记 2017-07-19

乔淑夷

乔淑夷，从事京麦工作台前端架构及开发工作，熟练运用h5，css3，js，jquery等前端技术，熟悉vue，angular等开源框架。

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 npm@latest

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. 安装全局模块（主要用于nodejs开发）

npm install -g express

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被和谐了）

可以采用下面的方法解决

Reference

http://blog.csdn.net/oucqsy/article/details/74938806