less - css预处理器的使用

作为一名前端开发的同学，很多时候我们都无法避免地要去写大量的 CSS 代码，而且耗费的时间还不少，所以使用一种能够提升开发效率的 CSS 预处理器是必不可少的。

我们这里推荐使用的是less。

在vscode如何安装less

1、打开vscode应用中心，搜索《Easy LESS》插件；

2、找到并安装它；

3、安装好后点击下启动按钮；

4、根据自己的情况，选择是否配置下面的操作，在进行配置压缩和生成文件名方式。点击当前插件界面的“小齿轮”按钮，选择扩展设置。在打开的页面点击《在 settings.json 中编辑》，然后在《less.compile》类下输入以下代码

"compress": true,       //对css进行压缩
"outExt": ".min.css"    //保存less文件的时候，自动生成less同名的.min.css文件。

5、完。

使用方法

1、在需要放置css的页面新建 ***.less，在vscode代码编辑器里对less文件进行编辑，保存后会在同目录下生成一个***.min.css的文件

2、然后在html页面调用***.min.css文件即可。