用户工具

站点工具


sass

Sass

Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。

官网地址:https://www.sass.hk/

安装

//安装方式1-推荐
npm install sass -g

//安装方式2
https://www.sass.hk/install/

命令行编译

//编译格式
sass --watch common.scss:common.css --style expanded

//编译添加调试map
sass --watch common.scss:common.css --sourcemap

//选择编译格式并添加调试map
sass --watch common.scss:common.css --style expanded --sourcemap

//开启debug信息
sass --watch common.scss:common.css --debug-info

//监视整个文件夹:
sass --watch app/sass:public/stylesheets

软件编译

Koala是一个前端预处理器语言图形编译工具,支持Less、Sass、Compass、CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac。

Koala网址:http://koala-app.com/index-zh.html

sass.txt · 最后更改: 2021/12/23 17:19 (外部编辑)