webstorm上安装自动编译less文件的插件的步骤

在webstorm上安装自动编译less文件的插件步骤如下：

1：首先下载webstorm下的插件，http://plugins.jetbrains.com/plugin?pr=idea&pluginId=7059

注意：这个插件只使用与webstorm5.0以上。

这个是他们的项目地址：http://www.open-open.com/lib/view/home/1354779342913。

2：打开他们的项目地址，查看readme.md，然后可以看到一下内容，然后按照以下步骤去做就能成功。这里注意下不同版本的webstorm选项名称可能不一样，但是总体步骤是一样的。（要点英文基础啦-.）

Usage

Installation

Go to File > Settings (Windows / Linux) or IntelliJ IDEA > Preferences (Mac)

Install the plugin from the IntelliJ plugin repository

Restart the IDE

Configuration

Go to File > Settings (Windows / Linux) or IntelliJ IDEA > Preferences (Mac)

Under Project Settings, select LESS Compiler

Click the "+" button to add a new LESS profile

Choose a LESS source directory

Add one or more CSS output directories and click OK

Make changes to a LESS file and save it

Rejoice!

3。成功后截图表示下：





看到那个浅绿色的提示框没有，说明成功了，然后看下是否自动生成或者修改了css文件。