首页 >web前端 >html教程 > 正文

webstorm增加less开发插件 - 小月月66

原创2016-05-21 08:35:010950
原文 http://a317222029201405212739.iteye.com/blog/2174140

引自 http://www.tuicool.com/articles/aeye6rY

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文件存放的路径以及取什么名字以及后缀。我就不多说了,大家自己玩玩就知道了。

谢谢大家

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

相关文章

相关视频


网友评论

文明上网理性发言,请遵守 新闻评论服务协议

我要评论
  • 专题推荐

    作者信息

    php中文网

    认证0级讲师

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类