less的安装与使用

 时间:2024-10-14 01:54:42

1、首先第一步我们来安装less,要安装less首先要装有node.js,node.js可以上官网下载安装,详细安装后面我会介绍在有node.js的情况下安装很简洁,打开cmd运行:npm install -g less如下所示安装成功

less的安装与使用

3、开始编译less文件,cd到该目录,如下图所示,找到我们保存的style.less文件

less的安装与使用

5、修改以上错误,在less文件中加},然后我们再运行编译它lessc styles.less此时我们发现编译成功了,编译成功后输出样式,如下所示:

less的安装与使用

7、检查得到的mystyles.css文件如下图一,说明文件存在,为了保证是我们编译的那个文件我们打开这个css文件:.myless { overflow-x: hidden;}.myless span { display: block; text-align: center; padding: 5px 0 2px 0; font-size: 16px;}如下图2所示,发现确实是我们要得到的样式,到此编译成功

less的安装与使用
  • js如何判断两个输入框的内容是否一样
  • 怎样在scratch中画花?
  • 网页中如何使用div展示图片效果
  • jquery如何设置输入框的文字的大小
  • js如何设置表格文字大小
  • 热门搜索
    淘宝网怎么开店步骤 汉中旅游 痛风怎么治疗最有效 印度尼西亚旅游 公司证明怎么写 合肥旅游攻略 英语考级怎么考 悟空遥控器怎么用 怎么开葡萄酒 大修基金怎么算