CSS进阶-LESS(简介)

LESS是一种CSS预处理器,提供变量、混入、运算和函数等特性,简化CSS编写并降低维护难度。在Sublime中,通过安装less2css和less插件,以及配置Node.js环境,可以方便地将LESS编译成CSS。安装步骤包括在命令行中使用npm安装less和less-plugin-clean-css,然后在Sublime中创建LESS文件,保存时会自动生成对应的CSS文件。
摘要由CSDN通过智能技术生成

LESS简介

LESS 为 Web 开发者带来了福音,它在 CSS 的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化了 CSS 的编写,并且降低了 CSS 的维护成本,就像它的名称所说的那样,LESS 可以让我们用更少的代码做更多的事情。


LESS安装(sublime)

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

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

同时你还要安装node.js可以参照菜鸟教程中的教程安装(http://www.runoob.com/nodejs/nodejs-install-setup.html

安装less
cmd命令下分别输入:
npm install -g less
npm install less-plugin-clean-css
提示安装好后重启sublime即可。

接下来我们就可以建一个简单的less文件来测试一下,less文件的代码如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值