最新----VScode如何简单轻松使用Less
VSCode 如何 简单 轻松 最新 ---- Less 使用
2023-09-11 14:20:08 时间
提前声明:本文无需使用Node.js等工具
第一步,在插件处下载Easy LESS
第二步,在设置中进行配置设置(VScode左上角 文件---->首选项------->设置)
搜索栏中搜索LESS,在插件中找到Easy LESS,进行settings.json中编辑
我们看插件文档可知进如下配置
"less.compile": {
"compress": false, //是否删除多余的空格,建议 不是准备打包的同志可以先设置为false,便于代码查看以及维护
"sourceMap": false, //是否生成源地址文件,一个新的地址文件,小型开发项目可有可无
"out": "..\\css\\", // 这里是代表编译后生成的css文件所放的位置,文件生成地址可以自己定义
}
将上面代码粘贴到json文件中
效果如下,删除了CSS文件空格以及生成源地址文件。
完成以上操作后,编译保存Less时,就会生成css文件了。
相关文章
- vscode - Prettier插件 统一代码风格规范,保存自动格式化代码
- Flex and Bison in vscode
- [VSCode] Adding Custom Syntax Highlighting to a Theme in VSCode
- vscode 整理————开篇之力(一)
- vscode 编辑python 如何格式化
- vscode Python环境
- 大叔经验分享(115)vscode java language server初始化失败
- vscode显示.git
- [VSCode] Visually Organize Applications in VS Code with Window Color-Coding
- 《安富莱嵌入式周报》第295期:世界杯球员和足球实时跟踪,开源手持矢量网络分析仪,自制柔性电容式传感器,IAR加强对VSCode支持、索尼早期PSX的光驱模拟器
- 如何修改Vscode查看源代码管理版本变动文件的查看方式
- 【开发环境】VSCode 开发环境 ( 下载安装 VSCode | 使用 VSCode | 资源管理器 | 生成 HTML 骨架代码 | 设置主题 | 字体设置 | 复制行操作 )
- VSCode导入两个工程示例
- Mac中如何搭建Vue项目并利用VSCode开发
- vscode 终端 git status 中文乱码
- 用vscode开发调试golang超简单教程
- vscode配置drawio绘制流程图
- 如何云同步vscode的配置到码云(gitee)上
- vscode Open a folder or workspace... (File -> Open Folder)问题
- VSCode 离线安装插件
- vscode连接不上去 vscode连接不上wsl
- vscode markdown 粘贴照片