grunt 执行

几天以前，我决定开始启用一个CSS预处理器，找了很久，我选择了SASS并且尝试着去安装它。但是这似乎不是一件简单的事，在安装过程中出现了许多让我始料不及的问题，我很沮丧，但查找了很多资料，我终于找到了一个正确的安装它的方法。

因此在本文中，我将向你展示两件事：

1. 怎样去安装Ruby,SASS和Compass样式框架
2. 怎样去处理一些可能在安装过程中出现的常见问题

你可能已经去过《SASS的FAQ》页面，不过一般基本上都是说“当你需要安装并运行SASS时，请下载Ruby”。

在我看来，对于很多人来说，手册上给予的安装教程说明远远不够，这是我自己一步一步的安装过程，详细的记录下来，希望能帮助到你。

安装Ruby

第一步、点此进入Ruby Installer for Windows下载页面，下载Ruby的最新版。

第二步、运行安装下载的Ruby.exe文件，选择你的语言，接受条款协议，到这里都没有什么特别的地方。点击下一步屏幕会出现如下图的框，这一步很重要，主要就是要完成添加Ruby的可执行路径到你的环境变量里，再点击下一步完成安装。

第三步、打开命令提示符窗口，即DOS黑窗口。（这相信这个窗口你应该很熟悉）

第四步、到了这儿就差不多大功告成了，你只要检测一下你安装的Ruby是否运行正常，在黑窗口的提示符输入以下命令：

ruby –v

1.

如果你看到一行显示结果为“ruby x.x.x....”等版本平台信息，这意味着你的Ruby安装成功并正常运行了（如下图）。

如果你得到一个错误消息说“ruby没有被识别为内部或外部命令,操作或批处理文件” 你可能在安装过程中忽略了第2步的检查框。 那么请你卸载Ruby,再次运行安装,这一次一定要确保你检查了Ruby可执行文件添加到您的环境变量中。

(重新安装是最简单的方式来解决这个问题。 但是，如果你不想这样做，请看《如何手动添加ruby可执行文件到您的环境变量》 )。

安装SASS

第五步、现在就该安装你的CSS预处理器了，回到命令提示符窗口，并在窗口中输入以下命令：

因为墙的原因，你安装的过程中可能会报错，这个时候你需要停掉ruby默认源，更改为国内淘宝的源

$ gem sources --remove https://rubygems.org/
$ gem sources -a http://ruby.taobao.org/
$ gem sources -l
*** CURRENT SOURCES ***

http://ruby.taobao.org

gem install sass

1.

这里等待30秒的样子，看到几条信息就成功安装了（如下图）。

第六步、检查你的SASS是否安装正常，输入以下命令：

sass –v

1.

不出意外的话，将会打印一行显示SASS的版本号。

安装Compass样式框架

第七步、安装Compass，就像安装SASS一样。

gem install compass

1.

键入命令测试是否正常：

compass -v

1.

如果直到安装到现在都没出现问题的话，说明你已经完成SASS的全部安装。

当你尝试着安装这些软件的时候，会出现许多你意想不到的错误，不要担心这个。安装任何的软件都不是那么顺心如意，比如经常会得到如下的错误信息：

Could not find a valid gem ‘sass’ (>= 0) in any repository.
Could not find a valid gem ‘compass (>= 0) in any repository.

或 者你出现的错误信息与这些都不相同，但不管怎样，当你遇到这些问题时，你的第一反应就是“google”或者“百度”，并且有着尝试修复一下。很糟糕的事 又来了，你对那些命令行一无所知，并且又没有现成的教程供你使用，“百度”、“google”又也查找不了有用的信息提供参考。

解决方案有两个：

• 切换到另一条网络连接，再尝试重新安装一次
• 如果安装还是不能通过，仍得到相同的错误结果，那么请你移步到《手动安装SASS和Compass样式框架》页面，这里有些好的建议，可能会解决你的问题。

先打开node.js的shell(打开cmd执行不了)

执行grunt  --version 即可查看grunt的版本