在開發Vue項目時，我們通常都會用到Less.css來優化CSS的編寫，同時使用高亮器(Highlight.js)也能讓我們更加方便調試CSS代碼。本文將介紹如何在Vue項目中使用Less和highlight.js實現代碼高亮。

1. 首先，我們需要在項目中安裝less和highlight.js依賴：

npm install less highlight.js -S

2. 在需要使用的組件中引入less文件：

<style lang="less">
/* 這里寫你的less代碼 */
</style>

3. 接著，我們需要在組件的mounted()方法中對需要高亮的代碼塊進行處理：

mounted () {
let codeEl = this.$el.querySelectorAll('pre code');
for (let i = 0; i < codeEl.length; i++) {
hljs.highlightBlock(codeEl[i]);
}
}

4. 最后，在引入highlight.js的地方添加需要高亮的代碼語言類型便可實現代碼高亮：

import hljs from 'highlight.js/lib/highlight';
import less from 'highlight.js/lib/languages/less';
hljs.registerLanguage('less', less);

在以上的步驟中，我們成功地使用了Less.css和highlight.js來實現了代碼高亮的效果，代碼閱讀體驗得到了很大的提升。