如何与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文件夹中。