sass安装以及部署webstrom

1，需要先下载Ruby，去官网，然后安装的时候注意选中自动配置环境变量
2，打开cmd，输入ruby -v 可以查看是否安装成功。然后利用ruby来安装sass
3，安装scss
启动Ruby中的“Start Command Prompt with Ruby”
输入如下：
$ gem sources --remove https://rubygems.org/
$ gem sources --add http://gems.ruby-china.org/
$ gem sources -l
gem install sass
sass -v （查看安装成功后的版本）
4，打开Webstorm的设置界面，然后搜索File Watcher；点击“+”号添加scss等~如下：

sass.png

5，Sass 和 SCSS 其实是同一种东西，我们平时都称之为 Sass，
两者之间不同之处有以下两点：
文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名
语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。
所以：选择后缀为scss会编写语法会习惯一些

6，用的时候新建文本，后缀为sass或者scss即可！！