HBuilder编辑器使用less

原创 276870486 随笔 工具使用 367阅读 2017-05-21 21:28:45 举报

less是一门动态的样式语言,用它来编写、修改css十分方便。
现在我们来介绍一下在HBuilder编写less文件的步骤。
首先查看工具里面的插件安装,如果在里面看到下图所示 就表示已安装了。

HBuilder编辑器使用less

我们再去查看工具-预编译设置 查看less如下图 就表示还需要配置一下

HBuilder编辑器使用less

触发命令地址是填写本机lessc.cmd文件所在的目录 一般在HBuilder安装目录下可以找到 工作目录可以填写为默认 命令参数为%FileName% %FileBaseName%.css 我的如下图所示

HBuilder编辑器使用less

现在我们就可以在HBuilder上愉快的使用less了 新建less文件 编写内容然后ctrl+s保存 就会自动生成对应的css文件了

评论 ( 2 )
最新评论
18600917746 1F 2017-05-22 11:39:43 2F

内置的保存就会立即生效,和koala一样的功能,为什么还要再去下载一个呢,并且还要打开,再拖进去

rolitter 2017-05-22 10:54:50 1F

何必这么麻烦,下个 Koala ,把你的css文件夹拉到 Koala软件去,当你写的less文件发生改变,koala会把less文件转换css文件