sublime text3编译LESS文件

1、安装Sublime 插件
(1)安装LESS插件:因为Sublime不支持Less语法高亮,所以,先安装这个插件,方法: ctrl+shift+p>install Package>输入less按Enter
(2)安装LESS2CSS插件:这个插件的作用是

当保存less文件的时候自动生成同名的css文件;
当保存less文件的时候提示编译错误信息;
批量编译项目目录下的所有less文件为css文件。

安装方法:ctrl+shift+p>install Package>输入less2css按Enter

但是让sublime支持less,不仅仅是装个sublime插件就完事了啊。还需要下面的步骤

2、安装node.js
首先先配置一下环境,less需要nodejs支持,所以我们先要安装一下nodejs。到nodejs官网下载就可以了:https://nodejs.org/en/
3、安装less
cmd 下:
npm install -g less
之后在 Sublim 里面建less文件时,会有一个错误:
在这里插入图片描述

这是因为编译less文件时需要清除同名的css文件,再编译保存为css文件
所以还需要一个插件
less-plugin-clean-css插件的安装

npm install less-plugin-clean-css

接着重启一下sublime,就搞定啦!
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值