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

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

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

相关推荐
不吃凉粉9 小时前
Android Studio USB串口通信
android·ide·android studio
编程乐学10 小时前
安卓非原创--基于Android Studio 实现的天气预报App
android·ide·android studio·课程设计·大作业·天气预报·安卓大作业
非得登录才能看吗?12 小时前
VScode 入门(设置篇)
ide·vscode·编辑器
Costrict15 小时前
解锁新阵地!CoStrict 现已支持 JetBrains 系列 IDE
大数据·ide·人工智能·深度学习·自然语言处理·ai编程·visual studio
AlphaFinance16 小时前
Windows下Vscode连接到WSL的方法
ide·vscode·编辑器
Dobby_0516 小时前
【Go】C++ 转 Go 第(二)天:变量、常量、函数与init函数
vscode·golang·go
Wang's Blog1 天前
Linux小课堂: 文件操作核心命令深度解析(cat、less、head、tail、touch 与 mkdir 命令)
linux·chrome·less
techdashen1 天前
圆桌讨论:Coding Agent or AI IDE 的现状和未来发展
ide·人工智能
止观止1 天前
如何开发 VSCode 内置扩展:从零开始构建最简扩展
ide·vscode·编辑器
CHH32131 天前
在 Mac/linux 的 VSCode 中使用Remote-SSH远程连接 Windows
linux·windows·vscode·macos