nodejs下less的简介和安装,已上安装的详细过程...

为什么要用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/

  1. 检查是否安装成功,使用cmd命令(win10是window + r打开 运行输入cmd) --输入“node-v” 查看版本即可
  2. 基于nodejs在线安装Less,使用cmd命令“npm install -g less ”即可
  3. 检查是否安装成功,使用cmd命令 “less -v” 查看版本即可

步骤如下:
1.
在这里插入图片描述
2.
在这里插入图片描述
3.
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

直接安装

快捷键win + r
在这里插入图片描述
如果显示版本号,已经安装成功了!
在这里插入图片描述
接下来输入 npm install -g less 安装
在这里插入图片描述
再次检查我们是否安装完成 lessc -v
在这里插入图片描述

到这一步就已经完成了。
分享到这,整理不易,转载附上链接https://blog.csdn.net/weixin_46313446/article/details/105763054

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章