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

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

 

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

1、安装node.js环境。

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

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

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

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

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

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

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

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

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

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
一点随感
一点随感
2
程序员给孩子起名的艺术
程序员给孩子起名的艺术
3
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.的解决方案
4
Adobe系列软件Photoshop安装时提示“安装完成,下列产品的某些项目无法成功安装”错误的原因及解决方法
Adobe系列软件Photoshop安装时提示“安装完成,下列产品的某些项目无法成功安装”错误的原因及解决方法
5
discuz论坛程序IIS7环境虚拟主机伪静态规则
discuz论坛程序IIS7环境虚拟主机伪静态规则
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主