如何在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快速开发插件

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

更多资源和项目下载请到:"开源吧(找实战项目和毕设项目的好网站)" ​ :开源吧

相关推荐
hui函数14 小时前
如何解决 PyCharm 控制台 pip install 报错 UnicodeDecodeError/GBK 路径编码问题
ide·pycharm·pip
zhaqonianzhu16 小时前
【vsc】cpptools占用内存过大
vscode
智慧地球(AI·Earth)21 小时前
Codex配置问题解析:wire_api格式不匹配导致的“Reconnecting...”循环
开发语言·人工智能·vscode·codex·claude code
「QT(C++)开发工程师」1 天前
我的 TRAE 编程体验-简介篇
ide·trae
AI大佬的小弟1 天前
pycharm专业版有哪些功能?
ide·pycharm·pycharm专业版的功能·代码写作软件推荐
从此不归路1 天前
FPGA 结构与 CAD 设计(第3章)上
ide·fpga开发
markvivv1 天前
在 Kylin Linux Advanced Server for Kunpeng V10 上构建 VSCode 1.106
linux·vscode·kylin
hui函数1 天前
如何解决 PyCharm 控制台 pip install 报错 BadZipFile: File is not a zip file问题
ide·pycharm·pip
zhangfeng11331 天前
Kiro python环境的设置 中文语言包设置,通用vscode ,因为kiro是vscode基础上做的
开发语言·vscode·python
微醺的老虎1 天前
【工具】vscode格式化json文件
ide·vscode·编辑器