如何在vscode中添加less插件

Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。它对CSS 语言增加了少许方便的扩展，通过less可以编写更少的代码实现更强大的样式。但less不是css，浏览器不能直接识别，即浏览器无法执行less代码，要执行必须先将less转换成css。

less扩展的功能：变量、混合、嵌套、函数等

less文件的扩展名为.less，在网页中直接引用less文件时，link标签的rel属性的值必须为“stylesheet/less”

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

如果在浏览器中要直接引入less的使用必须引用把less转换成css的js，并且此js必须在所有引入less的link标签之后

<script src="https://cdn.jsdelivr.net/npm/less@4" > </script>

也可以在开发工具中添加转换插件，当保存less时，会自动把less转换成css文件

如在vscode中可以安装以下easy less插件，第一个为在保存时自动保存为css的插件，第二个为less快速开发插件

       

更多学习视频和专栏文章请到哔站个人空间： 布道师学院的个人空间-布道师学院个人主页-哔哩哔哩视频

更多资源和项目下载请到：”开源吧（找实战项目和毕设项目的好网站）“ ​ ：开源吧