個人博客：柚子青年。
一、 Sass / SCSS 安裝
稍微了解一下 Sass 和 SCSS 的區別：
SCSS 是 Sass 3 引入新的語法，其語法完全兼容 CSS3，並且繼承了 Sass 的強大功能 ;
Sass是基於Ruby的環境， 所以需要先安裝Ruby，然后再安裝 Sass / SCSS
Ruby 下載鏈接 https://rubyinstaller.org/downloads/ 可以挑一個你喜歡的版本 不知道用默認的就可以了
安裝過程一直下一步就行了
默認選擇就行了
安裝完成之后
打開cmd
輸入 cd + 當前 Ruby 所在路徑下的bin文件
再輸入 gem install sass （如下圖 ， 這樣的話恭喜你成功了）
這樣我們就把 Ruby 和 Sass 都安裝好了
接下來就是到 webstorm 里面配置了
打開 settings
選擇 Tools —> File Watchers —> + 號
選擇 Sass 或者 SCSS 配置都是一樣的方法 這里選用 SCSS
只需要配這個 其他的不用管
在剛剛的bin目錄下找到scss.bat （Sass 就用 sass.bat）
然后 點 OK —> Apply 就行了 （文件命名不能用中文 會報異常）
二、壓縮css、js
先下載好 yuicompressor ： https://github.com/yui/yuicompressor/releases （任意一個都行 ）
然后到webstorm里面配置 和之前的操作一樣
選擇 css 或 js 這里以css為例
同樣也只需要配置這一項其他不變
找到之前下好的jar包 選擇到
然后 點 OK —> Apply 就行了
接下來試一下一整套操作
新建一個 scss 文件 然后編譯成 css 文件 在進行壓縮