在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文件。
转载于:https://blog.51cto.com/5310331/1181332