在Vue2中引入less
在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就完成了
更多推荐
所有评论(0)