VSCode使less文件实时转换成css代码【扩展插件（Easy LESS）】

川长思鸟来 2022-10-30 13:29 267阅读 0赞

### 目录 ###

*  需求
 *  解决方案
 *  效果

# 需求 #

把less文件实时生成css代码

# 解决方案 #

下载拓展插件 Easy LESS

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70]

> **这样我们写的less文件就可以实时生成css代码了。**

# 效果 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 1]

> **以上就是VSCode使less文件实时转换成css代码【扩展插件（Easy LESS）】的全部内容。**

**看完如果对你有帮助，感谢点赞支持！  
如果你是电脑端的话，看到右下角的 “一键三连” 了吗，没错点它\[哈哈\]**  
![在这里插入图片描述][20210115230629703.gif_pic_center]

**加油！**

**共同努力！**

**Keafmd**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70]: /images/20221024/b073f8db2b32486d8d5c6e5d49064a13.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 1]: /images/20221024/c1378f6936bb43068279c078b88b15cb.png
[20210115230629703.gif_pic_center]: /images/20221024/70084d94336b4f82b6b61e67459be93a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，267人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue插件-less、less-loader样式管理

![在这里插入图片描述][201cb7e59bb94276b20be0c55371360b.jpeg_pic_center] 文章目录 > 说明：有的项目采用的是

迈不过友情╰/ 2024年03月24日 12:23/ 0 赞/ 99 阅读

相关【Less-CSS】初识Less，使编写 CSS 变得简洁

初识Less，使编写 CSS 变得简洁 1.Less简述 2.LESS 原理及使用方式 3.示例 4.less语法

红太狼/ 2023年10月16日 12:56/ 0 赞/ 40 阅读

相关 idea 配置less插件

idea 配置less插件安装node.js插件安装file.watchers和LESS CSS Compiler 插件其中LESS CSS Compil

清疚/ 2023年10月03日 11:31/ 0 赞/ 43 阅读

相关 less编译成css

推荐使用HBuilder编辑器，国人开发的，代码提示很好。 npm install -g less 安装less之后，可以使用lessc进行less文件的编译，命令

小灰灰/ 2023年07月25日 09:26/ 0 赞/ 58 阅读

相关 VSCode使less文件实时转换成css代码【扩展插件（Easy LESS）】

目录需求解决方案效果需求把less文件实时生成css代码解决方案下载拓展插件 Easy LESS ![在这里插入图片描述

川长思鸟来/ 2022年10月30日 13:29/ 0 赞/ 268 阅读

相关 less 通过命令行编译成css以及less语法

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 Less 可以运行在

以你之姓@/ 2022年07月14日 11:28/ 0 赞/ 238 阅读

相关 less-Extend（扩展）

扩展是一个合并减少伪类选择器是放在与匹配的引用。 1、扩展编辑less： nav ul { &:extend(.inline);

爱被打了一巴掌/ 2022年06月14日 10:39/ 0 赞/ 206 阅读

相关 IDEA编译less插件LESS CSS Compiler的安装

1.IDEA插件地址：https://plugins.jetbrains.com/plugin/7059-less-css-compiler（[LESS CSS Compile

r囧r小猫/ 2022年06月10日 23:12/ 0 赞/ 936 阅读

相关将less文件转换成css文件

最近这俩年都是采用less来写样式，但最近换工作了，该公司还是采用的老技术 css2+jquery 由于习惯了新的写法，突然要回到老模式写还有点不习惯，就想到用node

绝地灬酷狼/ 2022年06月07日 07:54/ 0 赞/ 333 阅读

相关【小白-插件分享】VScode值Easy LESS插件，实时查看less语法编译成css结果说的少做的多！

less动态样式语言，极大的提高了我们书写css样式的效率怎样在VScode也能，一遍写less一遍看转换结果呢？今天介绍这款插件，希望能帮到您事半功倍！ Eas

- 日理万妓/ 2021年11月10日 21:31/ 0 赞/ 388 阅读