第一步安装

yarn add less less-loader --save-dev

好了 页面报错了

TypeError: this.getOptions is not a function
at Object.lessLoader (/Users/linwenyu/ccc/pc-next/node_modules/less-loader/dist/index.js:19:24)"

再看不懂也知道是安的less-loader有问题，但是不知道什么问题，直接在vue里用也没遇到过啊。百度！
说是版本太高了，就把less-loader换成了7的版本，还是报这个错，就直接把报错放度娘里查，最后安了个3.9的less和5.0的less-loader，重启，搞定，项目运行起来了，命令如下。

yarn add less@3.9.0 less-loader@5.0.0 --save-dev

常用vue+less的应该不用我说咋用了，不常用的可以看看相关资料。基本上结构是

<template>
  <div><p>123</p></div>
</template>
<style scoped lang="less">
div {
  p {
    color:#f00;
  }
}
</style>