【前端VUE3】vue3 + ant-design-vue3 (axios vuex router)

最新推荐文章于 2024-07-29 21:07:44 发布

悟空_大师兄_

最新推荐文章于 2024-07-29 21:07:44 发布

阅读量2.7k

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_39007040/article/details/121949038

版权

检查是否已安装 node -v npm -v

ant-design-vue3 文档

1.安装vue/cli:

npm install -g @vue/cli@next

2.创建项目（"vue": "^3.2.13"）

vue create ant-vue

选择：Default(vue3)

等待》》》

创建成功

cd ant-vue
npm run serve 运行

3.安装ant-design-vue （"ant-design-vue": "^3.0.0-alpha.14"）

npm i --save ant-design-vue@next

使用例子：修改 main.js文件

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

3.1 使用 ant-design-vue 内的 Icon 图标（"@ant-design/icons-vue": "^6.0.1"）

npm install --save @ant-design/icons-vue

使用例子：（ant-design-vue Icon文档）

<template>
    <home-outlined />
    <setting-filled />
</template>
<script>
import { HomeOutlined, SettingFilled } from '@ant-design/icons-vue';
export defaul