安装less环境

LESS 是动态的样式表语言,它能让CSS 的工作变得非常简单。安装过程如下:

安装

有两种方法安装:
第一种是找到:C盘/-----------Users-------MyPC(自己电脑名称)---------AppData(默认隐藏项目,需要自己在:菜单栏上的查看–把隐藏项目的选项打勾。)---------\Roaming-----------\npm(开始是空的)。把less解压后的文件全部复制到这个npm文件夹。

第二种方法:如下
1、安装Nodejs环境 Node Package Manager (验证 node -v, npm -v) npm:node packge manager
2、打开控制台(cmd),执行npm install -g less ,验证less是否安装成功 lessc -v
成功后如图
出现有文件路径
要注意的是,在cmd检查是否安装成功,要注意有时候要配置环境,:此电脑–》右键-------高级系统设置----环境变量------后面操作如图
在这里插入图片描述

配置完成后就可以验证到less的版本,如图
安装成功

3、命令行编译 lessc /xxx.less path/xxx.css

  1. 先在编辑器新建一个xxx.less文件。
  2. 打开cmd,进入到所建文件的路径,cd是进入盘的命令符;
  3. 输入dir,可以看到该文件夹下的文件,
  4. 输入 lessc xxx.less xxx.css
  5. 最后生成一个css文件。
    在这里插入图片描述
    生成的css文件
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值