在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的样式仅仅在当前页面有效；