1、安装LESS插件
插件名：Easy LESS
1.1、设置less导出css文件 3个知识点：
- a、全局设置导出路径：在VScode中设置CSS文件导出路径： 设置（Ctrl + ,）-查找Easy LESS插件，点“在settings.json中编辑”，在less.compile 的"{}"内输入 "out": "路径/" 如：
"less.compile": {
"out": "../css/"
}
b、单个less文件指定导出目录：在less文件第一行 输入 // out: 目录路径+及文件夹名称/ ；如果需要指定保存css文件名，后面加上 ‘文件名.css’
c、单个less文件设置不导出：在less文件第一行输入 // out: false (这种情况一般用出公共的less文件，用@import 导入到需要的less文件中，不需要单独导出.css文件)
2、LESS中的注释语法 ：// 及 /.../ 如：
// 单行注释，快捷键 Ctrl + /
/*
多行注释
快捷键：shift + Alt + A
*/
3、 嵌套
.father{
background-color: green;
width: (620 / 37.5rem);
// 嵌套语法
.son{
background-color: blue;
// 加 & 符表示非后代关系,一般用于伪选择器
&:hover {
color: violet;
}
}
}
4、 定义变量 ： @变量名:值
@color:pink;
// 使用变量
.box {
background-color: @color;
}
5、less导入 写法引用
@import '../css/index.css';
