less编译工具
Ⅰ less文件编译css，css文件为什么是空的呢
有些软件有插件可以实时编译，比如sublime。
我用的是gulp，方便前端自动化。你可以网上搜一下，用起来啊很方便。
举个例子：
java">vargulp=require('gulp');
varless=require('gulp-less');
varnotify=require('gulp-notify');
varplumber=require('gulp-plumber');
varconcat=require('gulp-concat');
varminifycss=require('gulp-minify-css');
varrename=require('gulp-rename');
varwatch=require('gulp-watch');
varuglify=require('gulp-uglify');
varautoprefixer=require('gulp-autoprefixer');
varlessPath='./src/less/*.less';
varlessMainPath='./src/less/main.less';
varlessDist='./src/css/';
varcssPath='./src/css/*.css';
varjsSrcPath='./src/js/*.js';
vardistPath='./dist/';
//编译less
gulp.task('lessCompile',function(){
gulp.src([lessMainPath])
.pipe(plumber({errorHandler:notify.onError('Error:<%=error.message%>')}))
.pipe(less())
.pipe(gulp.dest(lessDist));
});
//监控less文件变化
gulp.task('watchLess',function(){
gulp.watch(lessPath,['lessCompile']);
});
//css合并压缩加前缀
gulp.task('handleCss',function(){
returngulp.src(cssPath)
.pipe(plumber({errorHandler:notify.onError('Error:<%=error.message%>')}))
.pipe(concat('app.css'))
.pipe(autoprefixer({
browsers:['last5versions','Android>=4.0'],
cascade:true,
remove:false
}))
.pipe(gulp.dest(distPath))
.pipe(minifycss())
.pipe(rename('app.min.css'))
.pipe(gulp.dest(distPath));
});
//监控css文件变化
gulp.task('watchCss',function(){
gulp.watch(cssPath,['handleCss']);
});
Ⅱ h5 less怎样编译成css
看你用的IDE，先用npm安装好less插件，在webstorm可以配置less的文件位置
hbulider可以在预编译器中制定less插件将less编译为css
Ⅲ less编译完 最后用css 吗
1.less是css预处理器，编译后，可以在html中直接引用编译的css。
2.可以直接引用less文件，然后在引入解析less的js库就可以了
Ⅳ 如何使用lessc编译.less文件
使用lessc编译.less文件的方法
预备环境 iOS开发环境，Mac OS、XCode5.0以上版本；
下载HBuilder离线打包iOS版SDK（5+ SDK下载）。
SDK目录说明： HBuilder-Hello：离线打包演示应用；
Feature-iOS.xls：iOS平台各扩展Feature API对应的库文件列表；
Ⅳ 怎么使用Less/Sass编译工具koala
一、SASS调试插件的方法
如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。
如果光做好SASS的准备工作还不够，还需要让浏览器支持SASS。那么就需要一个浏览器的插件才能让浏览器识别SASS，从而方便开发人员进行开发。
如需调试功能，请在编译输出的时候输出debug信息，那样解析的css文件中就会包含debug信息，然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件，而不是解析后的css文件。(如图1-1)
图1-1
如果你的css文件中没有以@media -sass-debug-info开头的代码，说明没有输出debug信息。请重新使用koala工具编译你的scss文件，并确定已经勾选了debug信息这个选项。
在火狐中调试，只需要再下载FireSass→即可。
二、编译工具koala的安装
1、进入页面
2、根据系统下载所需要的koala的版本
3、然后在下载文件夹中安装下载的EXE文件，即可安装成功
三、编译工具koala的优点
1、多语言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。
2、实时编译：监听文件，当文件改变时自动执行编译，这一切都在后台运行，无需人工操作。
3、编译选项：既可统一设置文件的编译选项，也可单独设置某个文件的编译选项。
4、强大的文件右键功能：右键文件元素，即可操作打开文件，打开文件目录，打开输出文件目录，设置输出文件目录，编译，删除六大常用功能。
5、错误提示：在编译时如果遇到语法的错误，koala将在右下角弹出错误信息，方便开发者定位代码错误位置。
6、跨平台：windows、linux、mac都能完美运行。
7、免费且负责：koala完全免费，而且作者很负责，有什么问题作者都会及时给予答复，意见什么的可以直接提交给作者，一般在下一个版本就能得到解决。
Ⅵ pycharm 怎么设置less自动编译
"图形界面" - python GUI框架，最简单的是Tkinter, python自带的。题主可以自己网络教程。 跟pycharm无关。用文本编辑器编写然后在windows命令行下运行是最好的。 ”exe生成“ - 用py2exe。请题主自己网络教程。
Ⅶ Visual Studio Code 怎么用less编译
真正的跨平台编辑器。虽然完整版的 Visual Studio 仍然是只能运行在 Windows 之上，但是今天的声明向我们展示了这家公司对于支持其他计算机平台的承诺。
Visual Studio Code 为开发者们提供了对多种编程语言的内置支持，并且正如 Microsoft 在今天 Build 大会的 keynote 中所指出的，这款编辑器也会为这些语言都提供了丰富的代码补全和导航功能。JavaScript，TypeScript，Node.js 和 ASP.NET 5 开发者也将会获得额外的工具集。
该编辑器也集成了所有一款现代编辑器所应该具备的特性，包括语法高亮（syntax hight lighting），可定制的热键绑定（customizable keyboard bindings），括号匹配（bracket matching）以及代码片段收集（snippets）。Somasegar 也告诉笔者这款编辑器也拥有对 Git 的开箱即用的支持。
Ⅷ less的命令行编译如何编译整个目录
解决方法太多了
windows下有图形工具koala
linux下可以写命令行
node可以配合less_watch等
很多ide也支持less
Ⅸ visual studio怎么编译less
工具》扩展》选择联机搜索less编译插件，我是已经安装了所以搜索略过了，安装后重启就行，打开编写less后生成一下
Ⅹ 如何使用hbuilder编译less
有插件自动编译，工具里有