[锋利web前端开发]haml/sass/coffee的安装(win平台)

左手 posted @ 2012年6月24日 20:00 in 前端开发 with tags haml sass coffee web前端开发 , 1975 阅读

锋利web前端为一个系列文章,分享利用python、vimscript等语言,整合haml、sass、coffee等实现快速前端开发。

可以到 [锋利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批处理文件,进入命令行。依次输入
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 回车安装


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter