再谈HBuilder自动编译less文件的设置方法

之前写过两篇hbuilder自动编译less文件的相关文章:

 

最近抽时间看了下hbuilder的最新版本,koala考拉解析器确实是万能之策,但如果实在不想用考拉,可以参照以下方法:

1、安装node.js环境。

– Node.js中文官网:www.nodejs.org/zh-cn

– 如果官网打不开,可以到这里下载:www.nodejs.cn

安装过程比较简单,一路next就ok了。注意不要安装在中文目录下。

2、按住 windows+r 键,输入 powershellcmd 命令,打开控制台。输入npm install -g less 命令来安装less文件编译模块。

由于国内网络线路原因,安装可能较慢或失败,耐心点多试几次。

3、找到hbuilder上的菜单栏中的 工具->预编译器设置

4、选择左侧的 .less,然后点击右侧的 编辑 按钮。

5、点击 智能完成 后会自动填写相关参数,然后点击 确定 按钮就行了。

PS:再次重申,如果本文方法设置不成功,还是强烈推荐koala考拉解析器方案:hbuilder编辑器无法自动编译less文件的终极解决方案之koala考拉解析器

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
偶然发现了一个谷歌浏览器的bug
偶然发现了一个谷歌浏览器的bug
2
再见,2018
再见,2018
3
神器TortoiseGit自动记住用户名和密码的解决方案
神器TortoiseGit自动记住用户名和密码的解决方案
4
支付宝蚂蚁庄园养小鸡游戏获得道具卡的方法及攻略
支付宝蚂蚁庄园养小鸡游戏获得道具卡的方法及攻略
5
一代枭雄谢幕!Firefox火狐更新到57版本,Firebug插件退出历史舞台
一代枭雄谢幕!Firefox火狐更新到57版本,Firebug插件退出历史舞台
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主