在Vue2中引入less

要在Vue2中引入less

1.首先需要下载node.js

node.js会自带npm的下载

下载node.js地址

https://nodejs.org/zh-cn/download/

 选择下载长期维护版，根据系统下载安装，一路点击next即可

2.下载安装好node.js以后可以检查版本并且检查一下是否安装成功

使用 win+r

输入cmd

如下图：

 打开以后

首先输入 node -v 中间的空格不能省，检查node版本

然后输入 npm -v 同样空格不能省略，检查npm版本以及是否安装成功

如下图：

 检查完毕以后

3.打开Vue项目文件夹，右键选择在终端打开

 右键选择

在终端打开

如下图：

 输入以下命令（空格不能省略）

npm install less less-loader --save-dev

这样就在当前的Vue文件中安装好了less

如下图：

 

4.在Vue中引入less

打开main.js

 在main.js中输入

import less from 'less'


Vue.use(less)

最后在style中引用

lang="less"

 这样，在Vue2中引入less就完成了