Webstorm自动编译 Less 生成 CSS

CSS(Less) / WebStorm

注意：浏览器不识别Less代码，目前网页只可以引入对应的CSS文件。

1. 安装Less

全局安装less：npm install -g less

npm install -g less

2. File Watcher配置

点击Webstorm左上角 File | settings，在弹出的界面中选择 Tools | File Watchers，然后点击 +号 添加对应的Less监听

3. 编译测试 .less → .css

新建 .less 后缀文件，编辑对应样式代码 保存后会自动编译生成对应的css文件（如下图所示）。

---