Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。
Less 可以运行在 Node 或浏览器端。
本笔记使用 Sublime Text3 作为编辑器,该编辑器默认不支持 Less 高亮,所以要先安装 Less 插件。
Koala 的基本使用
-
新建项目
-
将项目目录拖动到 Koala 中,设置输出路径,选择和 less 文件在同一个目录就好了
-
由于我们现现在需要维护的是 less 文件而不是 css 文件,所以我们还可以设置 Koala 的输出为压缩后的 css 文件 (单击 less 文件,出现右侧栏后操作)
-
之后,点击 compile 按钮,Koala 就会自动编译我们编写的 less 文件为压缩后的 css 文件了