vue 项目中的less

Posted Viven

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 项目中的less相关的知识,希望对你有一定的参考价值。

收先要在cmd中运行

npm install less less-loader --save

然后会在 moudules文件夹中生成less 和less-loader 

<style lang="less" rel="stylesheet/less">
#app{
  .tab{
    display: flex;
    width: 100%;
    height: 40px;
    line-height: 40px;
    .tab-item{
      flex: 1;
      text-align: center;
    }
  }
}
</style>

 

这样就可以

以上是关于vue 项目中的less的主要内容,如果未能解决你的问题,请参考以下文章

vue项目引入公共样式less文件

Vue项目中如何使用less(添加less依赖)

vue项目中使用less或者sass的方法

vue 项目安装less后,启动报错解决方案

vue项目less 使用

Vue项目代码规范