sublime配置less编译环境

LESS是一种CSS预处理语言,扩展了CSS的功能,增加了变量、Mixin等功能,使其更易于维护和扩展。本文介绍如何安装配置LESS环境,包括Node.js、LESS及LESS插件的安装步骤,并介绍了Sublime Text中LESS到CSS的自动转换方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。
Less 可以运行在 Node 或浏览器端。

一、确认是否已安装 node.js

二、安装 npm 或 cnpm(此步可略过)

npm install -g cnpm --registry=https://registry.npm.taobao.org

三、全局安装 less

(提示:如果npm安装失败,请尝试使用cnpm安装,方法与npm相同,将那npm替换为cnpm即可)
命令行输入:

npm install less -g

检查less环境是否配置完成,命令行输入:

lessc -v

看是否能正确打印版本号。

四、继续安装

命令行输入:

npm install less-plugin-clean-css -g

五、在 sublime 安装插件 less2Css

通过 package install 安装即可。

此时,创建的 less 文件在保存时可自动编译为相同名称的 css 文件。


另外有 koala app 可以直接编译 less 文件,而不必在 sublime 中安装插件

去官网下载 koala app

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值