Ant-Design-Vue快速上手指南+排坑

Ant-Design-Vue 是 Ant Design 的 Vue 实现，提供了一套高质量的 UI 组件库，适用于各种类型的 Web 应用开发。以下是一个详细的快速上手指南和排坑建议：

快速上手指南

1：安装环境

• 确保环境中已经安装了 Vue.js 和 Node.js 。可以通过以下命令安装 Ant-Design-Vue：

     npm install ant-design-vue --save

2：引入 Ant-Design-Vue

• 在你的 Vue 项目中引入 Ant-Design-Vue 组件库：

     import Vue from 'vue';
     import Antd from 'ant-design-vue';
     Vue.use (Antd);

3：学习基础知识

• 推荐先学习 Vue 和 ES2015，并正确安装和配置了 Node.js v8.9 或以上。官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识，并且已经完全掌握了 Vue 的正确开发方式。

排坑建议

1：按需加载问题

• 在使用 Vue CLI 4.x 进行按需加载时，可能会遇到编译报错。这是因为 Ant-Design-Vue 使用了 Less 预处理器。可以尝试以下解决方案：

     npm install less less-loader --save-dev

2：表单校验

• 使用表单校验时，确保表单中所有必填项没有问题后，可以使用 v-decorator 修饰符自动帮助提交表单：

     <form @submit.prevent ="submitForm">
       <a-form-model ref="formRef">
         <!-- 表单字段 -->
       </a-form-model>
       <button type="submit">提交</button>
     </form>

3：组件注册