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

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

在这里插入图片描述


版权声明:本文为skyblue_afan原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。