• 技术文章 >web前端 >html教程

    webstorm增加less开发插件_html/css_WEB-ITnose

    2016-06-24 11:21:27原创809

    原文

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

    谢谢大家

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:怎么调整css中字体_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • CSS3 学习笔记_html/css_WEB-ITnose• 提高网页性能的九大技巧_html/css_WEB-ITnose• 【动态页面】(一)前提_html/css_WEB-ITnose• Codeforces Round #275 (Div. 2) C• 前端要给力之:代码可以有多烂?_html/css_WEB-ITnose
    1/1

    PHP中文网