编译less工具

1. 怎么使用Less/Sass编译工具koala

一、SASS调试插件的方法 如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。 如果光做好SASS的准备工作还不够

2. 如何用sublimeText3编写less并用Nodejs自动编译成css

1、安装Sublime 插件
（1）安装LESS插件：
因为Sublime不支持Less语法高亮，
所以，先安装这个插件，
方法1： ctrl+shift+p>install Package>输入less按Enter
方法2：直接下载后 解压文件 放到插件文件夹下（首选项-浏览插件 打开文件夹）
下载地址：https://github.com/danro/LESS-sublime
（2）安装LESS2CSS插件：
less2css的读音 其实就是less to css
这个插件的作用是
当保存less文件的时候自动生成同名的css文件；
当保存less文件的时候提示编译错误信息；
批量编译项目目录下的所有less文件为css文件。
安装：
方法1：ctrl+shift+p>install Package>输入less2css按Enter
方法2：直接下载：https://github.com/timdouglas/sublime-less2css
解压文件 放到插件文件夹下
但是我们还要让sublime支持less并自动编译，所以还需以下步骤：
2、安装Node.js
首先先配置一下环境，
less需要nodejs支持，
所以我们先要安装一下nodejs
到nodejs官网下载就可以了：https://nodejs.org/en/
3、安装less
运行-cmd：
输入命令行：
npm install less -g
-g 代表着全局安装less
之后在 Sublime 里面建less文件时，会有一个错误
LESS: Unable to interpret argument clean-css
这是因为还需要一个插件
less-plugin-clean-css插件的安装
命令行为：
npm install less-plugin-clean-css -g
接着重启一下sublime，就搞定啦！

3. 让less本地生成css应该怎么做

你好，本地编译less，这个需要借助一些工具：

如果你熟悉Node.js，你可以写一个Node脚本来编译，这个教程网络很多的

如果不熟悉，可以下载客户端软件来编译，比较流行的编译软件有：

• winless，mac下叫Less

• koala，有各个系统支持版本

这些软件都可以直接在网络搜索下载，完全免费，而且使用简单

如果觉得都不适合，可以自己网络搜索“less 编译软件”，发现其他结果

希望能帮到你，望采纳~~

4. 怎样用node.js编译less文件

步入正题

1.安装配置好sublime text3（包括各种实用插件）和node.js后，新建一个文件夹，这里取名less_test，文件目录结构如下：

3.打开命令行（cmd），进入less_test文件夹，输入npm install -g less，完成全局安装less编译模块：
4.输入lessc （需要编译的less文件名称及路径）>（编译生成的CSS文件名称及路径）：
然后就会发现在相应的路径下出现了编译后的CSS文件：
至此，我们就完成了用node.js编译less文件的工作。但是这种方法无法做到实时编译，编译一次写一次路径也比较麻烦。可以选择Prepros实现实时编译less文件。

5. visual studio怎么编译less

工具》扩展》选择联机搜索less编译插件，我是已经安装了所以搜索略过了，安装后重启就行，打开编写less后生成一下

6. webstorm | 编译 Less 保存自动生成 wxss/acss/css

因为感觉用 微信开发者工具 开发很不习惯，所以都是用 WebStorm 来开发，再用 微信开发者工具 预览。本文主要记录一下利用webstorm编译less

配置方案
1、配置在当前目录生成.wxss

2、less独立文件夹，生成 .wxss 文件到指定的目录中

1、配置在当前目录生成.wxss

2、less独立文件夹，生成 .wxss 文件到指定的目录中

和微信步骤一样，只是后缀不同

路径 File | Settings | Tools | File Watchers | +
点加号，选择less, 弹出下面的窗口，已经有默认配置了，点ok即可

7. webstorm 配置less编译file watcher，program这个该怎么填

1、 打开Nodejs官ejs.org/，点“DOWNLOADS”,点64-bit下载“node-v0.10.33-x64.msi”。

2、 下载好后，双击“node-v0.10.33-x64.msi”，按照默认选项安装Nodejs，默认安装路径为：C:\Program Files\nodejs。

3、 “开始”-->cmd,打开cmd程序，输入“node -v”,出现” v0.10.33”; 输入“npm -v”,出现” 1.4.28”,说明Nodejs和npm都已安装成功。

4、“开始”-->cmd,打开cmd程序，输入“cd C:\Program Files\nodejs”,进入nodejs安装目录。输入npm install less -g 回车，安装less组件。稍等片刻，完成后，你会发现C:\Users\wind\AppData\Roaming\npm\node_moles 目录下有less组件。

至此Windows7 x64系统下安装Nodejs及配置less组件已基本完成，接下来我们配置WebStorm 9.0.1，使其能将less文件编译成css文件。

5、开启JetBrains WebStorm 9.0.1程序，打开“SuperDesigns”项目，该项目中含有“default.less”文件。

6、File-->Settings,打开设置选项。找到“External Tools”扩展工具设置项，点开右侧的“+”，在Name栏输入“LESS”，“Tool settings”分别输入如下：
Program: C:\Program Files\nodejs\ n

8. 如何使用hbuilder编译less

有插件自动编译，工具里有

9. 如何使用lessc编译.less文件

这是一个简单的测试代码test.less，内容如下

@color: #4D926F;

#header {
color: @color;
}
h2 {
color: @color;
}

该文件位于 E: est.less。

启动node.js控制台，进入test.less文件所在的目录，输入lessc test.less > test.css命令，less文件就会被编译成css文件

10. webpack编译less

webpack loaders

webpack 编译 less 需要使用到的 loader :

* less-loader
将 less 文件编译成 CSS ；

1.创建本地项目 webpack-demo

2.在 webpack-demo 的根目录下创建 package.json 文件

模块说明：

4.修改 package.json 文件的 scripts 属性值,进行打包资源的配置

5.安装需要的loader和依赖

6.创建一个名为 test.less 的文件

并将该文件引入 webpack 的入口文件 entry.js 中；

7.配置编译 less 的 loader

7.运行编译命令