Sublime配置less实时编译步骤

1.下载安装node.js:nodejs.cn/download/

一路安装。cmd运行,输入npm检验安装是否成功

2.在命令行安装less

在cmd 下输入命令进行less安装:(第二行为安装最新版本)

npm install -g less
npm install -g less@latest

在命令行输入lessc检验安装是否成功

然后进行less-plugin-clean-css插件的安装,同样在cmd下输入命令:

npm install less-plugin-clean-css

3.在sublime安装插件

在sublime中Ctrl+Shift+p打开命令面板,输入install package并在下拉里选中install package。在弹出的框里然后分别输入less(less语法高亮功能插件)和Less2Css(编译功能插件)这两个插件,点击安装。

结束!

安装完成后创建一个test.less文件,会自动生成一个test.css文件。在html文件中我们依然是引进test.css文件,然后只需在test.less中编写代码即可,它会实时编译,自动保存到test.css.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值