Less 安装

本节我们学习 Less 的安装，Less 的官方地址为：<http://lesscss.org/。

在官网首页，有告诉我们 Less 的两种安装方式，如下所示：

• 直接引用

• 通过 NPM 安装

直接引用

我们先来看直接引用，这个很简单，就是直接在 HTML 页面引入创建好的 Less 文件即可。

• 在引入之前，我们需要创建一个 Less 文件，Less 文件的后缀名为 .less，所以我们可以将文件命名为 index.less。

• 然后我们就可以通过 <link> 标签向 HTML 页面中引入 index.less 文件，和引入 CSS 文件类似，但是需要将 rel 属性的值修改为 stylesheet/less：

<link rel="stylesheet/less" type="text/css" href="index.less" />

• 然后下载使用官方提供的 CDN 进行脚本引入：

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js"></script>

或者也可以