vue admin template 使用less

Vue admin template 可以使用 Less 来编写样式。下面是使用 Less 的步骤：

1. 安装 Less：在项目根目录下运行以下命令安装 Less 包。

npm install less --save-dev

2. 在样式文件中使用 Less：将 `.css` 样式文件的后缀改为 `.less`，并在其中使用 Less 语法编写样式。

3. 在组件中引入样式：在需要使用样式的组件中，可以使用 `import` 关键字引入 `.less` 样式文件。例如：

import '@/assets/styles/main.less'

4. 配置构建工具：如果你使用的是 Vue CLI 或类似的构建工具，可能需要进行一些配置使其正确解析 Less 文件。可以在 `vue.config.js` 文件中添加如下配置：

module.exports = {
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          javascriptEnabled: true
        }
      }
    }
  }
}

这样配置之后，Vue admin template 就可以使用 Less 来编写样式了。记得重新启动开发服务器以使配置生效。