本节我们学习 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>
或者也可以下