如何與Netbeans 8.0.1一起使用SASS

Question

我試圖在Netbeans 8.0.1中使用SASS。根據ruby -v的反饋，我已經正確設置了Ruby和SASS。

我有一個Web應用程序，它使用Project \ Web Pages \ resources下的css和scss文件夾進行設置。

我的輸入和輸出分別設置爲/ scss和/ css，並且我選中了'保存時編譯Sass文件'。我創建了一個styles.scss文件並添加了一些SASS/CSS。

當我保存styles.scss文件時，是否應該生成styles.css？保存或編譯項目時沒有任何反應。

有沒有人遇到任何類似的問題或有如何調試這個問題的建議？

在此先感謝！

Answer 1

是的，當你保存文件時，應該創建/更新css。我認爲你有錯誤的輸入/輸出目錄映射。路徑需要相對於站點根/ web根目錄。我不確信你的項目是什麼（HTML5或PHP或Java的Web或其他？），但如果你有Java的Web項目，則該路徑必須

resources/scss -> resources/css 

Answer 2

在Windows10，Ruby2安裝SASS 2.3，Netbeans8

1. 下載SASS for Windows - RubyInstaller.org
2. 安裝紅寶石一樣：

搜索CMD窗口（命令提示）並啓動它。使用cd \Ruby\bin（打回車）

訪問Ruby的bin文件夾使用命令gem install sass（HIT Enter安裝）安裝SASS

等待安裝完成

在Netbeans的開放
選項→ →工具雜（HTML/JS在V8.1 +） → CSS預處理器標籤

輸入路徑到安裝sass.bat C:\Ruby\bin\sass.bat比點擊安裝Sass。
確認與更改應用/確定

使用現有的一個或創建一個新項目（HTML5，PHP，無論.. ）。
項目創建後打開「項目」窗口。
右鍵單擊您的項目並選擇>屬性。
從項目屬性彈出菜單中選擇CSS預處理器。
選擇保存時編譯SASS文件。
（如果你希望編譯器自動最小化您的.css結果文件，使用--style compressed下編譯器選項）

您可以看到上面的圖像表示編譯器使用兩個默認輸入（watchable）/ Output（編譯destionation）文件夾路徑。
也在您的項目中創建scss文件夾（可選css文件夾）。

大功告成！

一旦你創建一個新的.scss文件或保存它NetBeans將自動編譯文件的.css在/css文件夾中。