[TOC] 青锋vue前端组件使用的是AntDesign的组件库。 参考地址：[https://www.antdv.com/docs/vue/introduce-cn/](https://www.antdv.com/docs/vue/introduce-cn/) AntDesign官方地址：[https://ant.design/index-cn](https://ant.design/index-cn) # 项目下载 开源地址：[https://gitee.com/msxy/qingfeng-springboot-vue3-antdesign-vite](https://gitee.com/msxy/qingfeng-springboot-vue3-antdesign-vite) ![](https://img.kancloud.cn/63/f5/63f5949e0802969c510dc96ea868f7f2_942x561.png) [qingfneg-antd-vite-vue3](https://gitee.com/msxy/qingfeng-springboot-vue3-antdesign-vite/tree/master/qingfneg-antd-vite-vue3)是前端代码，放在了项目根目录的下面。 ![](https://img.kancloud.cn/5d/ba/5dba77269728410ceffe670ccd4157da_368x772.png =320x600) # 项目运行 项目下载后，进入qingfneg-antd-vite-vue3 根目录，进行项目初始化安装，运行： `npm install` 或者 `npm i` 安装完成后，执行运行命令： `npm run dev` ![](https://img.kancloud.cn/b5/ff/b5ff772b57ac1dd7ad8acd716ed49a39_534x217.png) 启动完成后，在浏览器中输入：[http://localhost:3000/](http://localhost:3000/) ![](https://img.kancloud.cn/ea/6c/ea6c6c7d592485675862cab1fb981aa4_1920x931.png) 账号密码：admin/123456 登录系统 ![](https://img.kancloud.cn/88/96/889604d49879d24308f2d158604702a0_1920x931.png)