less、sass的支持和预编译器

HBuilder支持less、sass文档。
1. 着色:正常使用
2. 代码提示:只能提示其中的css部分,less、sass仅支持对已编写的代码的单词提示
3. 编译:
对less、sass文件右键点击编译,即可正常编译
HBuilder还支持预编译器配置,在菜单工具-预编译器配置里,可以自己选配less、sass甚至coffeescript等文件的预编译器,保存即可触发。

Less文件配置说明, 其他文件可参照操作:
1. npm全局安装less: npm install less -g
2. hbuilder 菜单"工具"->"选项"->"预编译器", 修改.less 中的命令路径和命令参数, 也可以直接使用"智能完成".
3. 如果"智能完成"失败, 请在"命令触发地址"中填写less全局安装后的命令文件lessc.cmd (windows) 或 less (mac)文件的路径. 命令参数请参照截图填写,也可自行修改保存路径


4 分享
一点钟方向 不知道 babyzibei@vip.qq.com DCloud_客服_Trust
973794244@qq.com

973794244@qq.com 回复 wei2819133@163.com

按你们的配置完路径和生成名称,但是最后还是无法自动编译,报node不是内部或外部命令
0 赞 2017-05-05 10:26
kulutana

kulutana

less配置后可以使用!
0 赞 2017-05-02 11:21
840710263@qq.com

840710263@qq.com

我按照步骤了依旧无法使用
0 赞 2017-04-17 22:47
1293941572@qq.com

1293941572@qq.com

http://download.csdn.net/download/c_cyoxi/7594863 这是lessc.cmd的下载地址,下载后,按照它的步骤设置就可以进行自动预编译了。
0 赞 2017-04-12 22:03
hl1221hl@163.com

hl1221hl@163.com 回复 937534146@qq.com

安装node后, 请重启HBuidler。并确认cmd中能执行node -v,
0 赞 2017-03-13 16:12
937534146@qq.com

937534146@qq.com

我的报这个错 'node' 不是内部或外部命令,也不是可运行的程序
或批处理文件。 但是右键编译能成功 自动编译不行 就报错
1 赞 2017-03-13 11:14
973257602@qq.com

973257602@qq.com 回复 笨笨鸟

请问一下,我的电脑里没有找到sass.bat?是需要先安装什么吗?
0 赞 2017-01-05 14:42
dolphin的phin

dolphin的phin

没有代码提示吗 自动补全也没有吗
0 赞 2016-12-19 14:26
志超

志超

安装时候注意一下发起人的Less文件配置说明中第一步,全局安装less,之后就不会报错
0 赞 2016-11-03 11:57
mary

mary

需要安装node吗?提示/Users/pico/Downloads/mydownload/Hbuilder.app/Contents/less/lessc.cmd: line 1: @%~dp0bin\node.exe: command not found
0 赞 2016-10-17 11:25
1403733498@qq.com

1403733498@qq.com

是要下载node.js才能用自动编译码
0 赞 2016-10-08 14:29
前端卩罙井冰

前端卩罙井冰 回复 wind

下载地址:http://www.csdn.net/tag/lessc 然后解压到C盘根目录 预编译设置器里设置好对应地址就OK
0 赞 2016-10-06 11:27
wei2819133@163.com

wei2819133@163.com 回复 _____夕

安装JsCompressor插件就可以压缩了,HBuilder有提供安装
0 赞 2016-09-09 22:35
_____夕

_____夕

自动编译是可以了,怎么压缩它们啊。
0 赞 2016-09-09 22:23
78628242@qq.com

78628242@qq.com 回复 wei2819133@163.com

啊啊啊啊!终于好了!!激动的哭了快!谢谢你,也谢谢wind~~thankyou very much
0 赞 2016-09-09 17:48
wei2819133@163.com

wei2819133@163.com 回复 78628242@qq.com

这个lessc.cmd就在你的HBuilder目录下面,你搜索一下就看到了。
1 赞 2016-09-09 16:57
78628242@qq.com

78628242@qq.com 回复 wei2819133@163.com

我去网上下了lessc.cmd,也放进去了。但是按照他的说法,每次生成都会报错。
你能把你的设置也说一下吗?
0 赞 2016-09-09 10:05
wei2819133@163.com

wei2819133@163.com 回复 78628242@qq.com

按wind的做法的确成功了,你再试试?
0 赞 2016-09-09 00:10
78628242@qq.com

78628242@qq.com

你说less支持预编译,那么请问能否把设置写一下呢?wind的不靠谱!
0 赞 2016-09-08 17:02
coldstarer

coldstarer

笨笨鸟 正解,赞!
0 赞 2016-05-12 15:20
笨笨鸟

笨笨鸟

SASS设置
1.选择工具--》预编译设置
2. 点击.sass,.scss进入设置
3.(1) 文件名后台不用改(2)触发命令地址填写SASS程序文件路径,像我的电脑填写的是“c:\Ruby22-x64\bin\sass.bat”(3)命令参数根据需要来写,我的是“--no-cache %FileName% %FileBaseName%.css --style compact” 具体的参数可以参考http://www.w3cplus.com/sassguide/syntax.html
1 赞 2016-01-25 15:30
wind

wind

设置less配置:文件写 .less,
路径找lessc.cmd,找不到就下载,
命令参数写:%FileName% %FileBaseName%.css
这样以后就可以less文件自动生成css了!
2 赞 2015-08-26 19:41

要回复文章请先登录注册