hbuilder编辑器无法自动编译less文件的终极解决方案之koala考拉解析器

之前写过一篇 hbuilder无法自动编译less文件的解决方案,一不小心成了百度相关关键词的热门推荐。当时所描述的方法的确是对的,但最近一年hbuilder更新了不少版本,前段时间有朋友反映说新版的hbuilder按照我博文中的方法去做已经无效了。我装了个干净的系统,安装了最新版的hbuilder,装node环境、配置预编译器……折腾了好久,最终,还是以失败告终了。也参考了网上不少资料,都没能解决。

既然网上怨声载道,官方置之不理,那就换个其他方法吧,又不是只有hbuilder才能解析less文件。

所以,敲黑板,重点来了。如果你也遇到hbuilder解析less文件的问题,今天推荐的方法100%能帮你解决烦恼。

这个方法就是神器:Koala(考拉)!

koala是一个前端预处理器语言图形编译工具,支持Less、Sass、Compass、CoffeeScript,帮助web开发者更高效地使用它们进行开发。跨平台运行,完美兼容windows、linux、mac。使用的时候无需配置node.js之类的编译环境。即装即用。

1、到官网去下载考拉koala软件 http://koala-app.com/index-zh.html

2、安装后打开,点击界面左上角的加号,将含有less文件的文件夹添加进来。

3、然后点击右侧绿色的“refresh”更新按钮,会自动检测出文件夹中的less文件。

4、然后将考拉koala最小化就ok了。不论是什么编辑器修改了less文件,koala考拉都会即时帮你将less文件编译成css,大赞!

ps:每次开机后,修改less文件前一定要先打开考拉,不然不会自动帮你解析哦~尽量不要犯低级错误。

本文方法同样适用于webstorm和phpstorm设置less自动编译,喜欢折腾的也可以参考这篇文章:webstorm自动编译less文件的设置方法

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
程序,搞起来很轻松的,就是头冷
程序,搞起来很轻松的,就是头冷
2
360官方线刷工具 360手机升级助手 提示“联网获取版本失败,请确保PC连接网络”的解决办法
360官方线刷工具 360手机升级助手 提示“联网获取版本失败,请确保PC连接网络”的解决办法
3
腾讯视频平台下载方法,专属QLV格式文件无损快速提取MP4文件的方法
腾讯视频平台下载方法,专属QLV格式文件无损快速提取MP4文件的方法
4
资深程序员面试受鄙视,摘下帽子的那一刻都震惊了!
资深程序员面试受鄙视,摘下帽子的那一刻都震惊了!
5
群晖(Synology)NAS服务器硬盘莫名丢失存储空间的解决方法
群晖(Synology)NAS服务器硬盘莫名丢失存储空间的解决方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主