锋利web前端为一个系列文章，分享利用python、vimscript等语言，整合haml、sass、coffee等实现快速前端开发，可以到 {% post_link 2012/websharp_index (锋利web前端开发)索引贴 %} 查看本系列的所有文章。
本篇讲解 haml/sass/coffee 在windows平台的安装。

准备工作

下载ruby、devkit、nodejs等软件
ruby、devkit 等可在 http://rubyinstaller.org/downloads/ 下载。
鉴于国内网络情况此网址可以无法打开。附上备选方案：
ruby http://rubyforge.org/frs/?group_id=167
devkit https://github.com/oneclick/rubyinstaller/downloads
也可上 http://ruby.taobao.org 上面下载。

附本人所用下载地址：
ruby http://rubyforge.org/frs/download.php/76054/rubyinstaller-1.9.3-p194.exe
devkit https://github.com/downloads/oneclick/rubyinstaller/DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe
nodejs http://nodejs.org/dist/v0.6.19/node-v0.6.19.msi

安装

1.勾选 I accept this License 点击 next

2.勾选 Add Ruby executables to your PATH 点击 Install，这里以安装到默认路径为例。

3.在 C 盘建立 Devkit 文件夹将，将下载的 devkit 复至到此文件更，双击解压。解压完成后如上图。

4.双击上图中的msys.bat批处理文件，进入命令行。依次输入

1
2
3
4
cd /
ruby dk.init
ruby dk.install
gem install haml sass

5.安装nodejs。nodejs的安装比较简单，双击安装文件，点击下一步、下一步直到完成。


6.添加C:\Program Files\nodejs\node_modules.bin到Path环境变量

  • 右键我的电脑，选择属性
  • 选取高级选项卡，点击环境变量
  • 选择Path环境变量，点击编辑在弹出的编辑框内添加 C:\Program Files\nodejs\node_modules.bin 到末尾


7.安装coffee-script

  • 点击开始菜单，选择运行。
  • 输入cmd敲回车，进入windows命令行
  • cd 进入到 nodejs 安装目录下的node_modules文件夹，如上图所示的路径
  • 输入 npm install coffee-script 回车安装