当前位置: 首页 > Web前端 > CSS

Less安装

时间:2023-03-31 12:39:14 CSS

Less官方地址为:标签将index.less文件引入到HTML页面中,类似于引入CSS文件,但是需要将rel属性的值改为stylesheet/less:然后下载使用官方CDN进行脚本导入:也可以下载Less.js保存到本地,然后导入:通过npm安装if通过npm安装,首先我们需要确保电脑上已经安装了Node.js,安装地址:https://nodejs.org/en/download/。可以在命令窗口输入node-v查看自己电脑是否安装成功:如上图,如果出现版本号,则表示安装成功,因为版本会一直更新,所以你安装的版本可能比v12.16.1new旧。然后我们执行如下命令安装Less,其中-g表示全局安装:$npminstall-gless安装完成后如图:从图中可以看出,安装的版本是less@3.11.3,一般默认安装的是最新版的Less。然后我们还可以通过-v命名查看Less的版本号,如果出现版本号就说明安装成功了。安装完成后,我们就可以在任何地方执行lessc命令了。编译Less文件Less安装完成后,我们可以使用lessc命令将Less文件编译成CSS文件。示例:下面让我们做一个简单的测试。比如现在有一个index.less文件,内容如下:.xkd{h3{color:#F00;}}我们要将这个Less文件编译成CSS文件,可以使用命令在窗口中执行以下命令:然后可以看到在项目根目录下生成了一个index.css文件,内容如下如下:.xkdh3{color:#F00;}在浏览器中的演示效果: