mac os x安装ruby,并在webstorm中配置sass编译

1.在APP中下载Xcode(主要是安装unix环境需要的开发包)

2.安装rvm

1.1  在终端中，输入 curl -L https://get.rvm.io | bash -s stable

1.2  运行完之后有提示有运行的命令（source /Users/yaofeng/.rvm/scripts/rvm）

不明白的看下图：

1.3  接着输入    rvm -v

返回结果（返回版本号证明已经安装成功）

rvm 1.29.3 (latest) by Michal Papis, Piotr Kuczynski, Wayne E. Seguin [https://rvm.io] 

3.使用rvm安装ruby

3.1  输入(列出已知的版本)

 rvm list known

3.2  安装ruby

rvm install 2.0.0

安装成功之后，再输入

ruby -v 和 gem -v（查看版本）

4.安装sass

4.1 sudo gem install sass

再输入 sass -v,返回如下（证明安装成功）

5.webpack配置sass自动编译

5.1  选择Preferences

5.2  搜索file watchers（点击左下角的➕，选择scss）

5.3  Program, Arguments, Output paths to refresh(为必填项，后面两个是自动添上的，Program是需要装上使用Ruby安装sass之后会有默认的，如何没有安装ruby请往回看前面的1  ~3步)

配置sass可能出现的问题可以查看：Mac 安装SASS流程 及可能遇到的问题

更详细安装ruby的步骤可以查看：Ruby篇－－Mac OS X 上安装Ruby运行环境