PHPStrom使用SASS,SCSS和Compass

之前嘗試 SASS 的時候寫了一篇安裝方法，大部分操做仍是相同，下面補充一些內容主要是填坑，實在太TMD坑爹了。
參考這篇文章：
http://blog.csdn.net/zhouzme/article/details/45059419

補充內容：

1. 安裝 SASS 和 Compass

這一步通過我昨天的測試，已經不須要修改源地址了，能夠直接經過 https://rubygems.org/ 地址進行下載了，反而淘寶那個地址老是出現 SSL 相關錯誤，貌似HTTPS證書有問題，因此直接忽略了吧。

1. 安裝目錄存在空格

如：C:\Program Files\Ruby22-x64\ ， 如果這種路徑下安裝的中間存在空格則會致使 bin 目錄下的 .bat 文件沒法執行，由於裏面多了個雙引號，把開頭的 @」」 兩個雙引號去掉一個，有多個 .bat 文件都須要修改下，不知道爲何會有這種低級錯誤。

@""C:\Program Files\Ruby22-x64\bin\ruby.exe"
改爲
@"C:\Program Files\Ruby22-x64\bin\ruby.exe"

1. 找不到 compass 自帶 SCSS 庫

新增一個compass庫目錄的符號連接，注意：不是快捷方式啊，看下圖區別，快捷方式其實是一個文件有個隱藏的 .lnk 後綴名的

在cmd中輸入

E:\Website\xxxx.com\www\assets\m\scss\sass>mklink /d compass "C:\Program Files\Ruby22-x64\lib\ruby\gems\2.2.0\gems\compass-core-1.0.3\stylesheets\compass"

這樣 @import 就能夠找到對應的庫文件了
另外注意 符號連接是不能添加到 svn 的，並且好像和 phpstorm 也有些衝突，添加svn忽略compass符號連接後貌似就能夠了

還有一個能夠設置的地方，是在單獨使用 scss 文件監聽的時候，scss.bat 能夠指定 –load-path 參數，不過實際用戶不大，由於通過N次嘗試，SCSS的 file watcher 對 compass 的庫徹底無法運行，全是TMD的錯誤，搞了兩天都沒找到解決辦法，實在無語了。

scss.bat 全是相似下面這種錯誤，搞了很久都找不到解決辦法，實在搞不定這個問題。。。。但 compass.bat 是可以正常運行的，很無語

cmd.exe /D /C call 「C:/Program Files/Ruby22-x64/bin/scss.bat」 –load-path 「C:\Program Files\Ruby22-x64\lib\ruby\gems\2.2.0\gems\compass-core-1.0.3\stylesheets」 –no-cache –trace –force –update layout.scss:layout.css
error compass/reset/_utilities.scss (Line 116: Invalid CSS after 「elements-of-type」: expected selector, was 「(html5-block)」)

1. 添加 comapss complie 的快捷操做

每次編譯還要單獨開個cmd比較麻煩，有一個簡單的方法能夠用用

項目右上角有個運行命令配置，照圖上設置一下，每次編譯點幾下綠色按鈕就好了。

大概就這樣了吧，浪費了兩天時間