Node 初始Less动态语言

在这里插入图片描述

一、Less 是什么?

在这里插入图片描述
Less 是一种 CSS 的扩展和动态样式表语言,CSS 预处理器,可以在客户端或服务器端运行,帮助我们自定义,管理和重用网页的样式表。

Less 是一种开源语言,也是跨浏览器兼容的语言。

二、什么是 CSS 预处理器?

CSS 预处理器是一种脚本语言,是 CSS 的扩展。它被编译成常规的 CSS 语法,然后由 Web 浏览器读取 CSS。较少看起来与 CSS 非常相似,但它提供了诸如变量,函数,混合和操作等功能,可以帮助我们构建动态 CSS。

Less 和 SASS 都是 CSS 预处理器的示例,因为它们都被编译并生成由 Web 浏览器读取的 CSS 语法。

三、如何使用 Less?

Less 是用 JavaScript 编写的,需要运行 Node.js 或 Web 浏览器。我们可以在网站中包含Less.js,它可以实时编译所有链接的 .Less 样式表。

四、 Less 的安装

  1. 在线安装:npm install -g less
  2. 离线安装:
    1、 C:\Users\Administrator\AppData\Roaming\npm
    2、将 npm 安装包解压到当前目录,只需要包含里面的文件,不再需要文件夹
    3、打开 cmd,输入 lessc -v,可以看到版本号 3.9.0,说明成功。
    在这里插入图片描述
    注意:此方法前提是该计算机必须配置node环境,如若没有,可参考本人之前发布的博客,node 环境的配置
发布了161 篇原创文章 · 获赞 71 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_44034384/article/details/99463160
今日推荐