vue中less的安装、引用和使用(学习篇)

1、首先要安装less，使用命令行进行安装npm install --save less less-loader //使用npm安装如果觉得慢，可以安装淘宝镜像，使用cnpm安装npm install --save less less-loader //使用cnpm安装2、安装完成后，可以使用lessc -v查看版本号，显示版本则安装成功，如果报不是内部命令。可以在package.json中查看，

skyblue_afan

3950人浏览 · 2021-08-30 11:10:12

skyblue_afan · 2021-08-30 11:10:12 发布

1、首先要安装less，使用命令行进行安装

npm install --save less less-loader //使用npm安装

如果觉得慢，可以安装淘宝镜像，使用cnpm安装

cnpm install --save less less-loader //使用cnpm安装

2、安装完成后，可以使用

lessc -v

查看版本号，显示版本则安装成功，如果报不是内部命令。可以在package.json中查看，是否安装成功
在这里插入图片描述

3、在main.js文件中引入less

// 引入less
import less from 'less'
Vue.use(less)

在这里插入图片描述

4、使用less

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^