Ant Design Vue UI框架快速打造后台管理管理案例

时间:2025-03-20 10:02:03

1、全局注册,修改main.ts,注意和app.vue路径

2、分别添加index.vue文件,one.vue文件,two.vue文件内容自定义如下:

3、创建app.vue加入以下代码

4、创建文件夹compents,添加底部文件Foot.vue

5、再添加头部文件Head.vue

6、修改tsconfig.json在compilerOptions内部添加

7、安装vue类声明

8、创建文件夹views页面home.vue

9、在根目录添加vite.config.ts配置文件

10、安装脚手架工具

11、创建路由配置文件夹routes下index.ts

12、安装使用组件

13、再添加菜单组件SideMenu.vue