webstorm增加less开发插件_html/css_WEB-ITnose
程序员文章站
2022-04-21 13:17:10
...
原文
引自 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文件存放的路径以及取什么名字以及后缀。我就不多说了,大家自己玩玩就知道了。
谢谢大家
推荐阅读
-
面向 Web 开发者的 Sublime Text 插件_html/css_WEB-ITnose
-
面向 Web 开发者的 Sublime Text 插件_html/css_WEB-ITnose
-
CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation 读书笔记(2)CSS3利用图层叠加实现多背景_html/css_WEB-ITnose
-
JetBrains IntelliJ平台中的 LESS CSS compiler 插件_html/css_WEB-ITnose
-
CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation 读书笔记(3)线性渐变_html/css_WEB-ITnose
-
Stylus插件开发教程_html/css_WEB-ITnose
-
Stylus插件开发教程_html/css_WEB-ITnose
-
让人一用钟情的VS插件系列之一--Web Essentials(Web开发必备利器)_html/css_WEB-ITnose
-
开发中弹出dialog 有没有什么好的插件_html/css_WEB-ITnose
-
使用less开发css_html/css_WEB-ITnose