idea配置less自动编译

16 年 12 月 1 日 星期四 (已编辑)
211 字
2 分钟

idea配置less自动编译:

1、电脑安装node.js环境;

2、打开“idea”→“settings”→“plugins”安装:“nodejs”插件,并按以下步骤进行配置:

1480587751120337.png

QQ截图20161201180843.png

1)打开“idea”→“settings”→“Languages & Frameworks”→“Node.js and NPM”;

2)在打开的面板中点击右侧“+”加号按钮添加需要的“less”组件(如果此处不能添加,请使用npm命令进行全局安装)。

1480587698818312.png

QQ截图20161201181901.png

3、打开“idea”→“settings”→“plugins”安装:“file watchers”插件,并按以下步骤进行设置:

1480587731788935.png

QQ截图20161201180935.png

1)打开“idea”→“settings”→“tools”→“file watchers”;

2)在打开的面板中点击右侧加号按钮添加less配置,貌似插件自动就配置好了,如无配置,请参考《 webstorm10配置less编译环境 》。

3、安装 LESS CSS Compiler 插件,安装完成后无需进行任何配置;

4、以上步骤成功后,编辑less文件即可自动编译成css文件。

欢迎关注我的其它发布渠道
公众号小程序

文章标题:idea配置less自动编译

文章作者:bmqy

文章链接:https://www.bmqy.net/1473.html[复制]

最后修改时间:


商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,您可以自由地在任何媒体以任何形式复制和分发作品,也可以修改和创作,但是分发衍生作品时必须采用相同的许可协议。
本文采用CC BY-NC-SA 4.0进行许可。