第一步安裝

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>