❶ webstrom怎麼安裝sass
1、下載ruby最新版2.1.5，安全起見可以安裝ruby 1.9.3-p551
ruby安裝文件自己網路一下，容易找到。
2、安裝過程中，一定注意勾選第二項！否則cmd命令會找不到。
3、安裝完後，檢查是否安裝成功
Win+r快捷鍵啟動cmd命令窗口，輸入ruby -v，注意中間空格，顯示版本號說明成功。
4、藉助ruby安裝sass，dos命令窗口輸入「gem install sass」
該命令一定要在system32文件下cmd.exe執行，默認安裝目錄在C:\Windows\System32\cmd.exe文件
5、安裝過程中，耐心等待，直到提示安裝進度100%。
同樣通過「sass -v」命令(中間有空格)檢查安裝結果，顯示當前版本號。
6、接著需要配置webstorm下sass編譯環境。
打開webstorm創建空項目，點擊「File」菜單選擇「Setting」，搜索「watcher」關鍵字，
7、點擊右邊綠色加號，選擇「SCSS」文件類型。
8、輸入監視文件類型名稱(隨便寫)，關鍵第二個選項，一定要選擇ruby安裝目錄bin文件下的scss.bat文件
9、最後，創建.scss文件輸入scss css代碼，保存後會生成後綴.css文件，說明環境編譯沒問題。
❷ webstorm vue文件中寫sass提示錯誤，應該怎麼配置才能不提示錯誤
Webstorm是一個很牛叉的IDE，現在工作每天都是用它了。
最近開始用SASS，LESS等來寫CSS，而在Webstorm中，它自帶一個File Watchers功能，設置一下，即可實時編譯SASS，LESS等。
LESS的實時編譯很簡單，在node平台安裝一下即可。
而在折騰SASS在Webstorm上的實時編譯時，花了我一點時間。因為按照網上的教程設置都不成功，最後自己把設置改來改去終於折騰好了。
下面就是在WebStorm設置SASS的File Watchers的步驟：
1. 安裝Ruby
，去這里下載，然後安裝。
2. 安裝Sass
安裝好Ruby後，打開CMD命令，輸入：
gem install sass
注意：
這里有可能安裝沒反應或提示網路錯誤什麼的。解決辦法是使用淘寶的Ruby gem鏡像：
$ gem sources --remove
$ gem sources -a
$ gem sources -l
*** CURRENT SOURCES ***
# 請確保只有 ruby.taobao.org
$ gem install sass
3. 上面都安裝沒問題以後，就可以設置Webstorm或PHPStorm了
3.1 打開Webstorm的設置界面，然後搜索File Watcher；
3.2 點擊File Watchers界面的增加按鈕；
3.3 然後設置界面如下：
注意：
如果你想用SCSS，並且Ruby是安裝在默認路徑下，那麼」File Type:「和」Program：「那裡的設置就和我一樣；
如果是用SASS，那麼你在新建時應該選擇SASS的類型，」Program：「也應該選」sass.bat「。
A
❸ sass和less的區別在哪裡
1.編譯環境不一樣
Sass的安裝需要Ruby環境，是在服務端處理的，而Less是需要引入less.js來處理Less
代碼輸出css到瀏覽器，也可以在開發環節使用Less，然後編譯成css文件，直接放到
項目中。
2.變數符不一相
less是@，而scss是$,而且它們的作用域也不一樣，less是塊級作用域
3.輸出設置不一樣
Less沒有輸出設置，sass提供4種輸出選項，nested,compact,compressed和expanded nested：
嵌套縮進的css代碼(默認) expanded：展開的多行css代碼 compact：簡潔格式的css代碼
compressed：壓縮後的css代碼
4.sass支持條件語句，可以使用if{}else{},for{}循環等等，而less不行
5.引用外部css文件
sass引用外部文件必須以開頭，文件名如果以下劃線形狀，sass會認為該文件是一個引用文件，
不會將其編譯為css文件。less引用外部文件和css中的@import沒什麼差異。
6.sass和less的工具庫不同
sass有工具庫Compass, 簡單說，sass和Compass的關系有點像Javascript和jQuery的關系,
Compass是sass的工具庫。在它的基礎上，封裝了一系列有用的模塊和模板，補充強化了
sass的功能。less有UI組件庫Bootstrap,Bootstrap是web前端開發中一個比較有名的前端UI
組件庫，Bootstrap的樣式文件部分源碼就是採用less語法編寫。
總結：
不管是sass，還是less，都可以視為一種基於CSS之上的高級語言，其目的是使得CSS開發更
靈活和更強大，sass的功能比less強大,基本可以說是一種真正的編程語言了，less則相對
清晰明了,易於上手,對編譯環境要求比較寬松。考慮到編譯sass要安裝Ruby,而Ruby官網在
國內訪問不了,個人在實際開發中更傾向於選擇less。 （BY三人行慕課）