如何与Netbeans 8.0.1一起使用SASS
我试图在Netbeans 8.0.1中使用SASS。根据ruby -v的反馈,我已经正确设置了Ruby和SASS。如何与Netbeans 8.0.1一起使用SASS
我有一个Web应用程序,它使用Project \ Web Pages \ resources下的css和scss文件夹进行设置。
我的输入和输出分别设置为/ 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安装SASS 2.3,Netbeans8
- 下载SASS for Windows - RubyInstaller.org
- 安装红宝石一样:
- 搜索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
下编译器选项)
开始=>
这个字体很花哨,我几乎看不懂它:( – 2016-01-11 08:37:43
谢谢你,我使用这个教程/指南首先设置了Netbeans的SASS。一个小提示:在Netbeans 8.1中,“CSS预处理器”选项卡(在步骤8中)属于“HTML/JS”类别,而不属于“其他”。 – 2016-04-03 05:41:28
此答案非常有用,我遵循每一步,并且它的工作原理。谢谢@Roko C. Buljan。 – 2017-04-12 18:16:00
谢谢ladar,yep它是一个Java Web项目。将路径更改为您列出的路径为我工作。 – greenJavaDev 2014-09-22 14:20:55