webstorm配置scss的小結

2022-05-08 08:48:42 字數 533 閱讀 3555

1)安裝ruby 

2)安裝sass

3)配置webstorm

開啟webstrom ->file->setting->tools->file watcher

新增scss

program:c:\ruby22-x64\bin\scss.bat

arguments:預設的是在scss目錄中生成css,如果要改變路徑就需要進行配置(這裡配置的是父級目錄的skin/view/css)

--no-cache--update $filename$:$fileparentdir$\skin\view\css\$filenamewithoutextension$.css

output paths to refresh:配置你的css目錄(最終只有乙個css)

可能會出現的異常:

1)安裝sass失敗

進入https://

webstorm配置scss自動編譯路徑

webstorm支援sass的同步編譯,也就是即寫即編譯,並且可以指定編譯後的css的目錄.本文使用的webstorm為8.0版本 scss安裝 開啟webstorm 點選左上角的file settings file watchers 在彈窗的視窗的右上角點選綠色的 號,然後選擇scss argum...

webstorm主題配置

自定義語法高亮 用ctrl alt s開啟settings介面,editor colors fonts。不同語言有各自的語法高亮規則,但有一部分是通用的 general 我們首先來設定general,然後再根據需要設定不同語言的語法高亮。general的設定 普通文字 default text 摺疊...

react配置scss的方法。

1 先在react專案中的配置。建立專案後,要執行npm eject 也就是開啟全部配置項。安裝依賴 yarn add sass loader node sass 或 npm install sass loader node sass 找到config裡面的兩個配置文件。分別是 webpack.co...