Less 学习笔记(一)

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。

Less 可以运行在 Node 或浏览器端。

本笔记使用 Sublime Text3 作为编辑器,该编辑器默认不支持 Less 高亮,所以要先安装 Less 插件。

Koala 的基本使用

  1. 新建项目
    Less 学习笔记(一)_第1张图片

  2. 将项目目录拖动到 Koala 中,设置输出路径,选择和 less 文件在同一个目录就好了
    Less 学习笔记(一)_第2张图片

  3. 由于我们现现在需要维护的是 less 文件而不是 css 文件,所以我们还可以设置 Koala 的输出为压缩后的 css 文件 (单击 less 文件,出现右侧栏后操作)
    Less 学习笔记(一)_第3张图片

  4. 之后,点击 compile 按钮,Koala 就会自动编译我们编写的 less 文件为压缩后的 css 文件了

下一节

你可能感兴趣的:(web-前端,CSS,Less,Koala)