css安装LESS的步骤

发布时间:2021-09-07 17:35:21 作者:chen
来源:亿速云 阅读:158

这篇文章主要介绍“css安装LESS的步骤”,在日常操作中,相信很多人在css安装LESS的步骤问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css安装LESS的步骤”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

从原理可知,要使用LESS,必须要安装LESS编译器。

1、LESS编译器是基于node开发的,可以通过npm下载安装。

npm i -D less

2、安装好了less之后,它提供了一个CLI工具lessc,通过该工具即可完成编译。

lessc less代码文件 编译后的文件

试一试:

新建一个index.less文件,编写内容如下:

// less代码
@red: #f40;
 
.redcolor {
    color: @red;
}

到此,关于“css安装LESS的步骤”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. Css、Sass和less的区别是什么
  2. 浅谈Css、less和Sass(SCSS)

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:css中padding的说明和实例用法

下一篇:python线程通信Condition的实例用法介绍

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》