简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

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

WBOY
Release： 2016-05-21 08:35:01
Original
2173 people have browsed it

原文  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
Copy after login

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

3，在webstorm里面配置less.

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

我解释下上面的内容。

program : 选择node.exe所在的目录

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

Working directory:不用改

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

谢谢大家

 
Related labels：
webstorm增加less开发插件 - 小月月66
source：php.cn
Previous article：HTML5第二节 - 追梦-dream Next article：网页中文乱码的问题解决方法 - 我有翅膀
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
2
1803
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
1944
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1653
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1557
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1588
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！