html页面如何使用less?

1,152 阅读1分钟

首先,我应用的是vscode编辑器,安装一个插件,Easy-LESS这个插件

然后创建html文件,和一个less文件用于写css内容,

因为html识别的是css后缀的文件,所以咱们引入的文件样式按照正常的css后缀来引用,

<link rel="stylesheet" href="./demo.css" />

哈哈,顺便搞一个移动端的适配

咱们再less文件里面来时编辑了哈

保存,在同级目录下会自动生成一个css文件

后然运行文件 有安装Live-Server 插件的可以直接右击 open with live Server

同时也有了rem的适配

(不要看细节哈,大致就是这样纸的思路哈)