vscode的less编译css插件的使用
Vscode的less装css插件
- 安装 和使用
- 设置修改less插件默认编译出来的css文件的存放位置
安装
-
打开vscode软件
-
输入easyless 点击Easy Less 插件进行安装
-
使用教程
3.1 创建文件夹和文件编写代码 -
保存或者刷新下就可以在less文件同级目录下出现一个 css文件（为编译好的）
在这里插入图片描述
设置修改less插件默认编译出来的css文件的存放位置
- 打开文件—》首选项—》设置
- 搜索less----》点击Easy LESS ----》点击setting.json
- 进行配置less.compile
- 这样less编译生成的css文件就会在指定位置显示。
- 每次想修改css文件生成位置都需要重新配置。（建议不修改，麻烦！！！）