1. 程式人生 > >scss編譯輸出css並轉換成rem

scss編譯輸出css並轉換成rem

安裝webstorm或者IDEA(下面以IDEA為例):

1.開啟IDEA,在命令列輸入sass -v,測試sass是否已經安裝,如未安裝,請點選這裡檢視。

2.開啟IDEA---File---Settings---Plugin,在搜尋裡面查詢File Watchers---點選右區域左下角Install JetBrains plugin...進行安裝OK即可,如果有則可直接進行下一步。

3.重啟IDEA,Settings---Tools---File Watchers,點選右上角的“+”找到SCSS。

找到SCSS後會彈出New Watcher,SCSS選擇預設路徑即可(c:\Ruby23-x64\bin\scss.bat),mac預設目錄是/usr/local/bin/scss,配置好後點擊OK即可。

4.在IDEA裡面新建scss檔案進行測試。

大功告成,開始美美的寫專案吧~