阅读 55

在vue项目中使用less

less: css的预处理语言;

这里主要介绍使用vue-cil搭建的vue项目中如何使用less,在使用less之前你必须确定你的本地电脑已经安装好了node环境配置好了(因为我介绍的是基于vue项目的) 可以参考我之前的配置:juejin.im/post/5bff54…

首先使用npm安装我的less(npm比较慢,这里可以考虑使用cnpm)

npm install less less-loader --save-dev ||cnpm install less less-loader --save-dev

然后在我的页面中使用less,如下:

备注:lang="less"表示我的css使用的语言是less scoped表示我的css的样式仅仅在当前页面有效;

评论