再谈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
Node.js中mongoose模块连接MongoDB数据库时提示(node:12580) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useNewUrlParser: true } to MongoClient.connect.的解决方案
Node.js中mongoose模块连接MongoDB数据库时提示(node:12580) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useNewUrlParser: true } to MongoClient.connect.的解决方案
2
wampServer一直显示黄色或红色,变不成绿色的一种解决方案
wampServer一直显示黄色或红色,变不成绿色的一种解决方案
3
TechSmith Camtasia Studio 9(喀秋莎)录屏软件提示video codec open failed 错误的解决方案
TechSmith Camtasia Studio 9(喀秋莎)录屏软件提示video codec open failed 错误的解决方案
4
windows系统adb端口被刷机精灵进程占用,其他软件无法连接手机的解决方法
windows系统adb端口被刷机精灵进程占用,其他软件无法连接手机的解决方法
5
易语言静态编译报错,提示“无法定位链接器!请检查 tools\link.ini 中的配置是否正确。 静态连接失败”的问题解决方法
易语言静态编译报错,提示“无法定位链接器!请检查 tools\link.ini 中的配置是否正确。 静态连接失败”的问题解决方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主