ant -design 框架以及具体调试

1.介绍

Ant-Design-Vue 是一个基于 Ant Design 设计体系的 Vue 实现。Ant Design 是由阿里巴巴开源的一个企业级 UI 设计语言，旨在提升用户体验和开发效率。Ant-Design-Vue 将 Ant Design 的设计理念和组件库带入了 Vue 生态系统，使得开发者能够在 Vue 项目中使用高质量的 UI 组件。

Ant-Design-Vue 是一个基于 Ant Design 设计体系的 Vue 实现。Ant Design 是由阿里巴巴开源的一个企业级 UI 设计语言，旨在提升用户体验和开发效率。Ant-Design-Vue 将 Ant Design 的设计理念和组件库带入了 Vue 生态系统，使得开发者能够在 Vue 项目中使用高质量的 UI 组件。

2.安装流程

首先确保安装了，nodejs（安装需要的版本），之后安装vue-cli

终端命令执行npm install -g @vue/cli
创建一个新的项目，之后安装Ant-Design-Vue

npm install ant-design-vue

需要在在 src/main.js 文件中引入 Ant-Design-Vue：

import { createApp } from 'vue';
import App from './App.vue';
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';const app = createApp(App);
app.use(Antd);
app.mount('#app');

3.注意

nodejs版本改变了也需要改变，pnpm版本也需要改变，安装对应的版本

npm -g install pnpm@7.33.7因为我现在是14版本所以需要进行更改pnpm版本

之后需要pnpm i 

启动该项目完成nvm版本控制，nvm install version()安装对应的版本nodejs

nvm use <version>切换版本

之后可以查看安装的版本nvm ls

在启动项目pnpm run dev

之后就可以调试了