立即注册 登录
极客蜗牛 返回首页

lane的个人空间 http://bbs.gek6.com/?1 [收藏] [复制] [RSS]

日志

配置Hbilder、VScode自动编译less

已有 92 次阅读2018-6-16 21:47

Hbilder
一、安装  less  及插件  less-plugin-functions 
cnpm i less -g
cnpm i less-plugin-functions -g
二、设置预编译器
Hbilder 中    
工具 -> 预编译器设置 -> 选中.less ->  编辑
触发命令地址  ->  C:\Users\lane\AppData\Roaming\npm\lessc.cmd     此为全局安装的less的路径
工作目录  ->  %ProjectDir%\assets\less     在此目录中的less文件会被监听自动编译
命令参数 ->  %FileName% --verbose --functions  %ProjectDir%/assets/css/%FileBaseName%.css  
环境变量说明: 
 %FileName%:调用预编译器时执行保存命令的文档的文件名,如newfile.js 
 %FileBaseName%:文档不带后缀的文件名,如newfile
 %FileDirName%:文档所在目录的名称 
 %ProjectDir%:文档所在项目的目录 
举例: 
 希望手动保存a.js时,在其同级目录通过uglifyjs自动压缩为a.min.js 
 触发命令地址输入应为: uglifyjs.cmd的绝对路径 
 命令参数应为: %FileName% -o %FileBaseName%.min.js




VScode

一、安装less
cnpm i less -g
二、安装插件easy less

三、配置vscode编译less






路过

鸡蛋

鲜花

握手

雷人

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 立即注册

QQ|Archiver|手机版|小黑屋|极客蜗牛

GMT+8, 2019-6-24 18:46 , Processed in 0.032643 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

返回顶部