我尝试在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。
是否有人遇到过类似的问题或对如何调试此问题有建议?
提前感谢!
4条答案
按热度按时间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**。指令集
33qvvth12#
是的,当你保存文件时,css应该被创建/更新。我认为你的输入/输出目录的Map是错误的。路径需要相对于站点根目录/web根目录。我不知道你的项目是什么(HTML5或PHP或Java Web或其他?),但如果你有Java Web项目,那么路径需要
vqlkdk9b3#
大家好,下面的图像形式我的(命令提示符与Ruby)说:“Ruby Sass已达到使用寿命,不应再使用”
nfzehxib4#
对于现代SASS和Netbeans,我们可以使用https://github.com/sass/dart-sass/releases/tag/1.56.1并将其安装在PATH中。
这个版本有我们需要的sass.bat文件(正如Roko C. Buljan在他的Ruby教程中指出的那样)。
不需要安装Ruby和任何其他环境。
我在Netbeans 15上应用了此功能