再谈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
Adobe系列软件安装时提示“安装失败 安装遇到错误”的解决方法
Adobe系列软件安装时提示“安装失败 安装遇到错误”的解决方法
2
程序员的年会就是不一样
程序员的年会就是不一样
3
资深程序员面试受鄙视,摘下帽子的那一刻都震惊了!
资深程序员面试受鄙视,摘下帽子的那一刻都震惊了!
4
修改网页中被选中文字样式(如背景颜色)的方法
修改网页中被选中文字样式(如背景颜色)的方法
5
wampServer一直显示黄色或红色,变不成绿色的一种解决方案
wampServer一直显示黄色或红色,变不成绿色的一种解决方案
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主