安装less及初级学习

Myth丶恋晨 2023-07-06 11:45 17阅读 0赞

**1.安装**  
1）在服务器中使用：  
在服务器端安装less的最简单方式就是通过npm(node的包管理器)，如下：  
$npm install less  
如果下载最新稳定的版本的less,如下操作：  
$npm install less@latest  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ_size_16_color_FFFFFF_t_70]  
注：如出现需要更新，则继续执行 npm install -g npm

**在服务器中的使用**

1）less在服务器端的使用主要是借助于less的编译器，将less源文件编译成最终的css文件，目前常用的方式是利用node安装less,安装成功后就可以在node环境中对less源文件进行编译。  
可以用：@import “variables.less”  
less文件可以省略后缀名：比如:  
@import “variables”

注：引入css文件后缀名不能省略

**在客户端的使用**

1.  1）引入.less样式文件的时候要设置rel的属性值为“stylesheet/less”  
    ![在这里插入图片描述][20200219172802649.png]  
    2）在script中引入less.js  
    ![在这里插入图片描述][20200219174431205.png]  
    注：less样式文件一定要在引入less.js前先引入

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200219172123393.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1pob3VjaGFuZ3l1ZQ==,size_16,color_FFFFFF,t_70
[20200219172802649.png]: https://img-blog.csdnimg.cn/20200219172802649.png
[20200219174431205.png]: https://img-blog.csdnimg.cn/20200219174431205.png

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关安装less及初级学习

1.安装 1）在服务器中使用：在服务器端安装less的最简单方式就是通过npm(node的包管理器)，如下： $npm install less 如果下载最新

Myth丶恋晨/ 2023年07月06日 11:45/ 0 赞/ 18 阅读

相关安装less

①[官网下载node][node]安装 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH

╰半橙微兮°/ 2023年03月01日 03:19/ 0 赞/ 21 阅读

相关 less学习

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

淡淡的烟草味﹌/ 2023年01月17日 06:23/ 0 赞/ 125 阅读

相关 less的配置安装及语法使用

Less为什么会出现？ css(层叠样式表)是一门标记性语言，html和css不是编程语言，没有变量，函数，作用域等概念。语法简单，但是看起来非常的繁琐没有逻辑，而且很多

淩亂°似流年/ 2022年12月29日 00:30/ 0 赞/ 398 阅读

相关 less 学习

目录概览变量（Variables 混合（Mixins）嵌套（Nesting） @规则嵌套和冒泡运算（Operations）

客官°小女子只卖身不卖艺/ 2022年12月03日 09:14/ 0 赞/ 123 阅读

相关初级java学习_java初级学习05

今天主要讲的是类方法2和字符串一.类方法 1.包：类、接口和枚举类型的集合创建包： package 包名导入包： import 包名.\; ctrl+s

布满荆棘的人生/ 2022年10月23日 14:24/ 0 赞/ 278 阅读

相关 less安装

官网地址：[https://less.bootcss.com/\%E6%A6%82%E8%A7%88][https_less.bootcss.com_E6_A6_82_E8_A

素颜马尾好姑娘i/ 2022年10月08日 15:23/ 0 赞/ 208 阅读

相关 LESS详解之混合(Mixins)初级

　　在LESS中，有很多方式都可以称作混合。比如继承已有的样式，调用有参数的类名等。在LESS详解之混合都会为大家一一介绍的。　　继承类名　　在

墨蓝/ 2022年09月17日 13:13/ 0 赞/ 323 阅读

相关 less学习

less简介　　less是一种动态样式语言，属于css预处理器的范畴，它扩展了CSS语言，增加了变量、Minxin、函数等特性，使CSS更易维护和扩展　　less

古城微笑少年丶/ 2021年10月15日 03:47/ 0 赞/ 353 阅读

相关安装less/sass

安装sass npm i node-sass 安装wepy-compiler-sass插件 npm install wepy-compiler-sass

冷不防/ 2021年09月19日 10:34/ 0 赞/ 458 阅读