说明:SASS是CSS的扩展语言,使得CSS更强大,后期发展为SCSS。
1、SASS的使用:SASS依赖于Ruby,因此要安装Ruby。下载地址https://rubyinstaller.org/downloads/
2、SASS安装完成后,接下来在Hbuilder中配置sass环境:
(1)打开工具栏–>预编译器设置–>找到.sass,.scss,若没有可以自己新建一个。
(2)点击编辑:
触发命令地址是自己ruby安装目录下的bin文件里面的sass.bat路径
命令参数:--no-cache %FileName% %FileBaseName%.css
点击确定后,配置就完成了。
(3)下面让我们来做测试吧。
可在任意目录下新建一个test.scss文件
保存之后会自动生成test.css与test.css.map。
Hbuilder中SASS/SCSS的配置
最新推荐文章于 2022-09-15 12:59:26 发布
本文介绍了如何在Hbuilder中配置SASS/SCSS环境。首先需要安装Ruby,然后在Hbuilder中设置预编译器,指定SASS的触发命令地址和命令参数。完成配置后,可以通过创建scss文件进行测试,观察不同命令参数对生成CSS文件格式的影响。
摘要由CSDN通过智能技术生成