菜单

HBuilder X保存LESS自动编译为CSS的插件方法

HBuilder X保存LESS自动编译为CSS的插件方法

HBuilder安装less编译插件可以在保存.less文件时,在同目录下生成一个同名的.css文件,自动把less代码编译为css代码,且每次编辑保存后,对应的.css文件都会自动更新,非常方便。 安装使用方法: 1、安装less编译插件,插件地址:https://ext.dcloud.net.cn/plugin?id=2031 2、安装成功后,在HBuilder的工具栏选择“工具->外部命令插件配置->compile-less->package.json” 在该文件中找到“onDidSaveExecut...

解决Less下使用CSS calc函数px按%计算导致结果错误的问题

在Less中使用CSS函数calc()动态计算长度值时出现错误,原本是px像素单位的数值被当成%百分比单位来计算,导致计算结果不正确。 Less代码: .calc { width:calc(100% - 90px); } 编译后的CSS代码: .calc { width:calc(10%); } 原因是less对代码进行了转换编译,解决方法是使用 “~''” 符合禁止对其编译,让其原样输出即可。 修改代码如下: .calc { width:~'calc(100% - 90px)'; } 编译后的代码如下:...

添加sublime text3 less代码高亮显示插件

添加sublime text3 less代码高亮显示插件

sublime text less代码高亮插件下载地址:https://github.com/danro/LESS-sublime/ 插件安装方法: 1、打开sublime text3软件,点击工具栏上的“Preferences —> Browse Packages...” 2、把下载less代码高亮插件解压出来的文件夹放在打开的“Packages”文件夹里 3、重新启动sublime text3软件即可。