Vue.js 是一個構建用戶界面的漸進式框架，而 Less 是一種 CSS 預處理語言。Vue.js 與 Less 的結合能夠更好地增強開發效率、降低維護成本、提高代碼品質。本文將講解如何配置 Vue.js 中的 Less。

首先，我們需要安裝兩個工具：less 和 less-loader。可以使用以下命令進行安裝：

npm install less less-loader --save-dev

安裝好后，我們在 Vue.config.js 中進行配置。如果沒有 Vue.config.js，可以創建一個。在 Vue.config.js 中加入以下代碼：

module.exports = {
css: {
loaderOptions: {
less: {
modifyVars: {
'primary-color': '#1DA57A', //修改antd的主題顏色
'link-color': '#1DA57A'
},
javascriptEnabled: true
}
}
}
};

在 webpack 中，我們可以通過修改 loaderOptions 來修改 Less 的變量。上述代碼中的 modifyVars 就是修改變量的配置，我們可以根據需要修改 primary-color 和 link-color 的值。

注意：如果使用了 Ant Design，還需要設置 javascriptEnabled 為 true，否則可能會出現嚴重的錯誤。

最后，我們需要在 Vue 組件中引入 Less 文件。可以使用以下代碼：

<style lang="less">
@import "@/assets/less/global.less";
</style>

其中，@ 表示 src 目錄，所以 @/assets/less/global.less 表示的是全局的 Less 文件。

配置完畢后，我們就可以愉快地使用 Vue.js + Less 進行開發了。