为什么要用Less?(安装步骤下拉)
1.维护CSS的弊端
css是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念
- css需要书写大量看似没逻辑的代码,冗余度较高
- 不方便维护及扩展,不利于代码的复用
- css没有很好的算力
- 非前端开发工程师来讲,往往会缺少css编写经验而很难写出组织良好且易维护的css代码项目
2.Less介绍
less(Leaner Style Sheets)是一门css扩展语言,也叫做css预处理器。
作为css的一种形式的扩展,它并没有减少css的功能,而是在现有语法加入程序性语言的特性。
他在css的语法基础之上,引入了变量,Mixin(混入),运算以及函数等功能,大大简化css编写,降低css维护成本,就如名一样,less :少,让更少代码做更多的事情。
安装地址:http://lesscss.cn/
3.Less安装
1. 首先安装nodejs,版本自选,网址 http://nodejs.cn/download/
- 检查是否安装成功,使用cmd命令(win10是window + r打开 运行输入cmd) --输入“node-v” 查看版本即可
- 基于nodejs在线安装Less,使用cmd命令“npm install -g less ”即可
- 检查是否安装成功,使用cmd命令 “less -v” 查看版本即可
步骤如下:
1.
2.
3.
直接安装
快捷键win + r
如果显示版本号,已经安装成功了!
接下来输入 npm install -g less 安装
再次检查我们是否安装完成 lessc -v
到这一步就已经完成了。
分享到这,整理不易,转载附上链接https://blog.csdn.net/weixin_46313446/article/details/105763054