如何在Netbeans 8.0.1中使用SASS

6l7fqoea  于 2022-11-24  发布在  其他
关注(0)|答案(4)|浏览(229)

我尝试在Netbeans 8.0.1中使用SASS。我根据ruby -v的反馈正确设置了Ruby和SASS。
我在Project\Web Pages\resources下使用css和scss文件夹设置了一个Web应用程序。
我的输入和输出分别被设置为/scss和/css,我已经选中了“保存时编译Sass文件”。我已经创建了一个样式.scss文件,并添加了一些SASS/CSS。
当我保存styles.scss文件时,它是否应该生成styles.css?当我保存或编译项目时,没有任何React。
是否有人遇到过类似的问题或对如何调试此问题有建议?
提前感谢!

0x6upsns

0x6upsns1#

在Windows 10、Ruby2.2.3和Netbeans 8上安装SASS

1.下载
1.安装Ruby,例如:

1.在窗口中搜索CMD(命令提示符)并启动它。
1.使用cd \Ruby\bin访问Ruby的bin文件夹(按Enter键)
1.使用命令gem install sass安装sass(按Enter键安装)

1.等待安装完成

1.在Netbeans中打开

选项→工具→杂项 (v8.1+中的HTML/JS) → CSS预处理程序选项卡

1.输入已安装的sass.bat C:\Ruby\bin\sass.bat的路径,然后单击安装Sass
单击应用/确定确认更改

1.使用现有项目或创建新项目(HTML5、PHP等)。
创建项目后,打开项目窗口

右键单击项目,然后选择〉属性

从“项目属性”弹出式菜单中选择“CSS预处理器.”
选择“保存时编译SASS文件”。
(If如果希望编译器自动最小化.css结果文件,请使用编译器选项下的--style compressed
x1c4d 1x指令集
1.从上图中可以看到,编译器使用两个默认的输入(可监视)/输出(已编译的目标)文件夹路径
同时在项目中创建scss文件夹(也可以创建css文件夹)。

"大功告成"
一旦您建立新的**.scss档案或保存它,Netbeans就会自动将档案编译成/css文件夹中的.css**。


指令集

33qvvth1

33qvvth12#

是的,当你保存文件时,css应该被创建/更新。我认为你的输入/输出目录的Map是错误的。路径需要相对于站点根目录/web根目录。我不知道你的项目是什么(HTML5或PHP或Java Web或其他?),但如果你有Java Web项目,那么路径需要

resources/scss -> resources/css
vqlkdk9b

vqlkdk9b3#

大家好,下面的图像形式我的(命令提示符与Ruby)说:“Ruby Sass已达到使用寿命,不应再使用”

nfzehxib

nfzehxib4#

对于现代SASS和Netbeans,我们可以使用https://github.com/sass/dart-sass/releases/tag/1.56.1并将其安装在PATH中。
这个版本有我们需要的sass.bat文件(正如Roko C. Buljan在他的Ruby教程中指出的那样)。
不需要安装Ruby和任何其他环境。
我在Netbeans 15上应用了此功能

相关问题