ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码

webstorm增加less开发插件

来源:网络整理     时间:2015-01-09     关键词:

本篇文章主要介绍了"webstorm增加less开发插件",主要涉及到方面的内容,对于CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: less大家都知道是什么了,现在比较流行的编译器就是koala nodejs来解决。koala就不多说了 好用也简单 只是换项目之后配置一下就行,今天我就讲下用...

less大家都知道是什么了,现在比较流行的编译器就是koala nodejs来解决。koala就不多说了 好用也简单 只是换项目之后配置一下就行,今天我就讲下用 Nodejs 怎么来编译,我下面说的是针对 webstorm配合。

1,下载nodejs,并且安装,配置下环境变量。



 安装成功结果

2,安装less

在cmd中输入

npm install less -g



 less安装结果,记一下那个路径,后面会有用。

3,在webstorm里面配置less.

打开webstorm——File——Settings——Tools——File Watchers,点那个绿色的+ 按钮


  我解释下上面的内容。
program : 选择node.exe所在的目录

Arguments: 选择之前记录的那个目录下 lessc 文件所在的路径, 后面加$FileName$,

Working directory:不用改

Output...:就是指编译后css的存放路径,后面有个insert..的按钮,自己摸索吧,这个地方就是设置编译后的css文件存放的路径以及取什么名字以及后缀。我就不多说了,大家自己玩玩就知道了。

谢谢大家

  • 大小: 8.5 KB
  • 大小: 122 KB
  • 大小: 33.4 KB
  • 查看图片附件

以上就介绍了webstorm增加less开发插件,包括了方面的内容,希望对CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接:http://www.codes51.com/article/detail_105050.html

上一篇CSS技巧集锦 下一篇margin负值怎么用

相关图片

相关文章