第一步:创建项目
vue create test_project
第二步:安装 ant-design-vue
yarn add ant-design-vue
第三步:由于 ant-design-vue 使用了 less 样式,所以需要安装 less 和 less-loader,注意版本问题
yarn add -D less less-loader
第四步:安装 style-resources-loader 和 vue-cli-plugin-style-resources-loader 主要作用是支持全局样式变量
yarn add -D style-resources-loader vue-cli-plugin-style-resources-loader
第五步:配置 less-loader 和 style-resources-loader,新增全局样式表,修改根目录 vue.config.js
const { defineConfig } = require("@vue/cli-service");
const path = require("path");
module.exports = defineConfig({
transpileDependencies: true,
pluginOptions: {
"style-resources-loader": {