移动开发—Less基础与安装

Posted 2021-05-20 乘风破浪的程序媛

移动开发—Less基础与安装

一、维护CSS的弊端

• CSS是一门非程序式语言、没有变量、函数、SCOPE（作用域）等概念
• CSS需要书写大量看似没有逻辑的代码、CSS的冗余度是比较高的
• 不方便维护扩展、不利于复用
• CSS没有很好地计算能力
• 对于非前端开发工程师来讲、往往会因为缺少CSS编写经验而很难写出组织良好且易于维护CSS代码项目

二、Less介绍
Less（Leaner Style Sheets的缩写）是一门CSS扩展语言，也称为CSS预处理器它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。

总之：Less是一门CSS预处理语言，它扩展了CSS的动态特性

Less中文网址：点我跳转到Less中文网址

常见的CSS预处理器：Sass、Less、Stylus

三、Less的安装

第一步： 安装node.js 网址：点我安装nodejs

第二步： 检查是否安装成功，使用cmd命令（Win10是win+R 打开 运行输入cmd） 输入node -v查看版本即可

第三步： 基于nodejs在线安装Less，使用cmd命令 npm install -g less即可

第四步： 检查是否安装成功，使用cmd命令 lessc-v 查看版本即可