如何在Netbeans 8.0.1中使用SASS

Question

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

我在Project \ Web Pages \ resources下设置了一个带有css和scss文件夹的Web应用程序。

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

当我保存styles.scss文件时，是否应该生成styles.css？保存或编译项目时没有任何反应。

是否有人遇到任何类似的问题或有关于如何调试此问题的建议？

提前致谢！

Answer 1

在Windows10，Ruby2.2.3，Netbeans8

上安装SASS

1. 下载 SASS for Windows - RubyInstaller.org
2. 安装 Ruby如：



1. 搜索CMD窗口（命令提示符）并启动它。
2. 使用bin（点击回车）
访问Ruby的cd \Ruby\bin文件夹
3. 使用命令gem install sass安装sass （按Enter键进行安装）



1. 等待安装完成



1. 在 Netbeans 中打开 选项→工具→其他（v8.1 +中的HTML / JS）→CSS预处理器标签
2. 输入已安装的sass.bat C:\Ruby\bin\sass.bat的路径，而不是点击安装Sass 。
   使用应用/确定
确认您的更改



1. 使用现有的创建新项目（HTML5，PHP，等等......）。
   创建项目后，打开项目窗口 右键单击您的项目，然后选择＆gt;的属性即可。
   从Project Properties弹出窗口中选择CSS预处理器 选择保存时编译SASS文件 （如果您希望编译器自动最小化.css结果文件，请使用编译器选项下的--style compressed）



1. 您可以从上图中看到编译器使用两个默认输入（可观看）/输出（已编译的destionation）文件夹路径。
   同时在项目中创建 scss 文件夹（可选择 css 文件夹）。



你已经完成了！

只要您创建新的 .scss 文件或保存，Netbeans就会自动将文件编译为/css文件夹中的 .css 。

Answer 2

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

resources/scss -> resources/css

Answer 3

Salam 伙计们，下面的图片来自我的（Ruby 命令提示符）说： “Ruby Sass 已报废，不应再使用”