如何在Netbeans 8.0.1中使用SASS

我试图在Netbeans 8.0.1中使用SASS。我已经根据Ruby-v的反馈正确地设置了Ruby和SASS

我在Project\web Pages\resources下使用css和scss文件夹设置了一个web应用程序

我的输入和输出分别设置为/scss和/css，我已经选中了“保存时编译Sass文件”。我创建了一个styles.scss文件并添加了一些SASS/CSS

当我保存styles.scss文件时，它应该生成styles.css吗？当我保存或编译项目时，不会发生任何事情

有没有人遇到过类似的问题，或者对如何调试这个问题有什么建议

---

提前谢谢

是的，保存文件时，应创建/更新css。我认为您的输入/输出目录映射错误。路径需要与站点根/web根相对。我不知道你的项目是什么（HTML5或PHP或Java Web或其他？），但如果你有Java Web项目，那么路径需要是

resources/scss -> resources/css

在Windows10、Ruby2.2.3和Netbeans8上安装SASS

下载

安装类似Ruby的软件：

在窗口中搜索CMD（命令提示符）并启动它

使用

cd\Ruby\bin

（点击回车键）访问Ruby的

bin

文件夹

使用命令

gem Install sass

安装sass（按回车键安装）

等待安装完成

在Netbeans中打开
选项→ 工具→ 杂项（v8.1+中的HTML/JS）→ CSS预处理器选项卡

输入已安装sass.bat的路径

C:\Ruby\bin\sass.bat

，然后单击安装sass
使用“应用/确定”确认您的更改

使用现有项目或创建新项目（HTML5、PHP等…。
创建项目后，打开项目窗口
右键单击项目并选择>属性
从项目属性弹出窗口中选择CSS预处理器。
选择保存时编译SASS文件。
（如果希望编译器自动最小化.css结果文件，请在编译器选项下使用

--style compressed

）

从上图中可以看到，编译器使用两个默认输入（可观察）/输出（已编译目标）文件夹路径
在项目中创建scss文件夹（可选的css文件夹）

你完了

一旦您创建一个新的.scss文件或将其保存，Netbeans将自动将该文件编译到

/css

文件夹中的.css

---

Salam伙计们，下面的图像形式my（Ruby命令提示符）显示： “Ruby Sass已达到使用寿命，不应再使用”

---

谢谢ladar，是的，这是一个Java Web项目。将路径更改为您列出的路径对我很有效。最终在此处找到答案，并正确配置。感谢您，我首先使用本教程/指南使用Netbeans设置SASS。一个小提示：在Netbeans 8.1中，“CSS预处理器”选项卡（步骤8）在“HTML/JS”类别下，而不是在“Miscellaneous”类别下。这个答案非常有用，我遵循了每一个步骤&它起了作用。谢谢@Roko C.Buljan。在设置和如何在没有互联网接入的情况下安装sass方面真的帮了大忙吗？@Noneatme希望这有帮助：编辑bat文件帮助我让NetBeans编译SCS：我建议使用-Visual Studio代码-…这是免费的！您可以很容易地将-Sass编译器作为扩展安装。享受。