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比較麻煩,有一個簡單的方法可以用用

這里寫圖片描述

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

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


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com