1.node.js v5.0+
2.gem install compass v1.0+
3.npm install -g node-dev gulp webpack
4.npm install

框架：https://github.com/chemdemo/webpack-seed

基于纯净版系统，安装教程如下：

1.安装Command Line Tools，这工具需要从xcode中安装，路径：Preference->Downloads->Command Line Tools。

该工具是gcc,的一些工具链，在安装compass时，有些依赖库是需要gcc编译。

2.安装brew工具，需要使用该工具安装编译环境如ruby-dev开发包，而compass需要依赖该开发包，此外升级ruby工具也是需要使用brew工具。

/usr/bin/ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”

注：无需使用root权限，即是使用sudo的方式，它也会提示无需使用root权限。

如果被墙，设置以下代理。

http_proxy=‘http://127.0.0.1:8016’ 

https_proxy=‘http://127.0.0.1:8016’ 

aliasset_proxy=“export http_proxy; export https_proxy”

如果穿墙都不凑效，则可以把以上命令，分解成以下这些动作，分别完成。

首先下载https://raw.githubusercontent.com/Homebrew/install/master/install内容保存成文件如brewinst.rb

然后使用命令：ruby -e “$(cat brewinst.rb)”

3.升级ruby工具，该项为可选。

注：系统默认版本为1.8.7，是已经支持compass的安装。

因为compass是需要1.9.3版本以下，故根据官网要求（https://www.ruby-lang.org/en/downloads/），升级ruby。

有三种方式可以升级ruby，以下分别介绍：

第一种：采用rbenv进行安装。

rbenv的安装如下：

brew install rbenv

列出服务器可安装的版本

rbenv install –list  # 列出所有 ruby 版本

rbenv install 1.9.3-p392     # 安装 1.9.3-p392

列表当前版本

rbenv versions               # 列出安装的版本

rbenv version                # 列出正在使用的版本

设置系统使用的版本

rbenv global 1.9.3-p392      # 设置全局默认使用 1.9.3-p392版本

如果系统的版本没有切换到1.9.3 ，需要用一个方法，在自己的.profile,或是.bashrc 或是.bash_profile —有哪个文件就填写哪个文件添加到文件的末尾就可以了:
cd ~ && echo ‘export PATH=”$HOME/.rbenv/bin:$PATH”‘ >> .bash_profile && echo ‘eval “$(rbenv init -)”‘ >> .bash_profile

第二种：采用rvm进行安装

RVM的安装如下：

curl -L https://get.rvm.io | bash -s stable

上述命令，也可以分解成首先下载https://get.rvm.io，并保存成文件rvminst.rb,然后再执行cat rvminst.rb|bash -s stable

RVM工具升级如下：

列出可更新的列表：$rvm list known，如下：

选择2.1.4的版本安装，如下：

rvm install 2.1.4

现进入安装过程。

这个过程暴露的细节比较少，所以个人并不认为它是一个好的安装过程。

第三种：采用brew安装

其实也可以使用brew直接安装ruby，但只会安装最新版的ruby,https://www.ruby-lang.org/en/documentation/installation/.官网截图如下：

安装compass工具，该工具主要是编译css脚本。参考官方安装教程http://compass-style.org/install/

$ gem update –system #更新RubyGems软件

$ gem install compass