步骤
node 和 npm 已安装前提下
1.安装vue:
// 安装vue脚手架:
npm install -g @vue/cli
// 安装vue:
vue create 项目名
2.安装Ant Design Vue:
最好安装的时候不要用pnpm,我用pnpm安装vue后续安装antd告诉我少东西
// 进入安装的vue项目
cd 项目名
// 安装Ant Design Vue
npm install ant-design-vue@next
3.配置Ant Design Vue:
这里最好看官方文档的引入,试过网上其他的一直报错,结果发现官方文档引入会变,就会报错
官方文档链接:antd官方文档
我现在引入用的是以下内容:
// 我要全局引入,所以在main.js里更换称以下内容
import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/reset.css';
const app = createApp(App);
app.use(Antd);
app.mount('#app');
4.运行vue:
npm run serve