Vscode 使用less自动生成css

html-css027

Vscode 使用less自动生成css,第1张

第一，在扩展包搜索 less ,找到 easy less 第二，安装完记得重启 第三，ctrl+, 快捷键打开设置，也可以在 文件 >首选项 >设置 第四，搜 less.complie ，点击less,拉倒最底下，找到 setting.json 第五，在json配置中加入，less.compile(less配置)

webstorm需要配置一下，可以自动编译Less生成css。

进入设置界面

2找到

3.添加4.完成之后，直接创建less文件会自动生成css.

因为感觉用 微信开发者工具 开发很不习惯，所以都是用 WebStorm 来开发，再用 微信开发者工具 预览。本文主要记录一下利用webstorm编译less

配置方案

1、配置在当前目录生成.wxss

2、less独立文件夹，生成 .wxss 文件到指定的目录中

1、配置在当前目录生成.wxss

2、less独立文件夹，生成 .wxss 文件到指定的目录中

和微信步骤一样，只是后缀不同

路径 File | Settings | Tools | File Watchers | +

点加号，选择less, 弹出下面的窗口，已经有默认配置了，点ok即可