1、首先要安装less,使用命令行进行安装
npm install --save less less-loader
如果觉得慢,可以安装淘宝镜像,使用cnpm安装
cnpm install --save less less-loader
2、安装完成后,可以使用
lessc -v
查看版本号,显示版本则安装成功,如果报不是内部命令。可以在package.json中查看,是否安装成功
![在这里插入图片描述](https://img-blog.csdnimg.cn/04c7a0bc7dbe461d96467cc43c5180a6.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2t5Ymx1ZV9hZmFu,size_20,color_FFFFFF,t_70,g_se,x_16)
3、在main.js文件中引入less
import less from 'less'
Vue.use(less)
![在这里插入图片描述](https://img-blog.csdnimg.cn/666ba9d5cb22419f801e84322045a53a.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2t5Ymx1ZV9hZmFu,size_20,color_FFFFFF,t_70,g_se,x_16)
4、使用less
![在这里插入图片描述](https://img-blog.csdnimg.cn/794770be72f6413dbbd796e5ec3240b4.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2t5Ymx1ZV9hZmFu,size_20,color_FFFFFF,t_70,g_se,x_16)