2023年了，让我看看谁还不会用vue3，其实我也不太会。。。。

不会就学啊，别的不说，潜力无穷。下面就把我从网上找到的一个后台管理系统模板放在下面了，需要自取。

该系统模板还是不太完善，后续完善后，会更新资源。

后台管理系统模板地址：
vue3+vite+antd后台管理系统：https://download.csdn.net/download/yehaocheng520/87420798

上面菜单tab中的刷新关闭等功能，我还没有加完，后续会补充更新资源包。

遇到的问题

1.ERESOLVE unable to resolve dependency tree

在进行npm i安装依赖时，报错内容如下：

网上找到的解决方法如下：

控制台输入npm install --legacy-peer-deps回车，就能解决这个问题了。

2.ERESOLVE unable to resolve dependency tree

在进行npm run dev运行项目时报错：

> talentadmin@0.0.0 dev
> vitenode:events:505throw er; // Unhandled 'error' event^Error: spawn D:\dong\wwwroot_d\vue3ViteAntd\node_modules\esbuild\esbuild.exe ENOENTat Process.ChildProcess._handle.onexit (node:internal/child_process:283:19)at onErrorNT (node:internal/child_process:478:16)at processTicksAndRejections (node:internal/process/task_queues:83:21)
Emitted 'error' event on ChildProcess instance at:at Process.ChildProcess._handle.onexit (node:internal/child_process:289:12)at onErrorNT (node:internal/child_process:478:16)at processTicksAndRejections (node:internal/process/task_queues:83:21) {errno: -4058,code: 'ENOENT',syscall: 'spawn D:\\dong\\wwwroot_d\\vue3ViteAntd\\node_modules\\esbuild\\esbuild.exe',path: 'D:\\dong\\wwwroot_d\\vue3ViteAntd\\node_modules\\esbuild\\esbuild.exe',spawnargs: [ '--service=0.12.15', '--ping' ]
}

解决办法：

执行以下代码：
node node_modules/esbuild/install.js
再重新运行项目：
npm run dev

3.icon图标的使用——vue3

之前vue2版本对应的antd使用图标都是 <a-icon type="step-backward" />
vue3版本对应的antd图标是：<step-backward-outlined />

使用方法如下：

import HomeOutlined from '@ant-design/icons-vue/HomeOutlined';
export default defineComponent({components:{HomeOutlined,}
})

页面中使用图标组件

<home-outlined></home-outlined>

先这样吧。多多积累，多多收获。

vue3+vite+antd——后台管理系统——基础模板相关推荐

【web素材】03-24款后台管理系统网站模板
素材整理 | web前端开发前言在很早之前,也跟大家分享过后台管理系统的模板的内容.今天我们又整理了一期与此相关的内容,一共有24款模板,大家可以根据自己情况进行下载学习. 下面,我们就进入正题内 ...
《vue3+ts+element-plus 后台管理系统系列》之微前端版本
系列文章目录 <vue3+ts+element-plus 后台管理系统系列一>之简介 <vue3+ts+element-plus 后台管理系统系列二>之布局 <vue3+ ...
Web后台管理系统框架模板
这是我最近写的一个后台管理系统的模板,先不废话,还是先看效果图:这样比较直观: 如效果图所示,这个模板主要解决了左侧菜单通过JSON动态创建,以及右侧Tab页的显示关闭,还有顶部导航和左侧菜单的显示隐 ...
web常用通用组件+Axure后台管理系统框架模板+大屏数据可视化元件库+智慧社区管理系统大屏+图表组件+表单组合+智慧数据看板+通用大屏图表原件库+电脑端常用组件
作品介绍:web常用通用组件+Axure后台管理系统框架模板+大屏数据可视化元件库+智慧社区管理系统大屏+图表组件+表单组合+智慧数据看板+通用大屏图表原件库+电脑端常用组件 Axure原型演示及下载 ...
16款网站后台管理系统html模板代码下载
原文:16款网站后台管理系统html模板代码下载源代码下载地址: http://www.zuidaima.com/share/1834757681105920.htm
vue3.0 + elementPlus 后台管理系统模板
gif示例 github地址: github 基于vue3.x + elementPlus 实现的后台管理系统模板 1. 登录逻辑. 2. 基本布局(基于elementPlus) 3. 动态路由逻辑 ...
layui网站后台管理系统框架模板
介绍: layui网站后台管理系统模板,DIV+CSS布局设计,响应式设计,自适应分辨率,兼容PC端和移动端,全套后台模板,包括登录.控制台.表单.用户组.权限配置等HTML后台模板页面. 网盘下载地 ...
最新网站后台管理系统框架模板源码+Layui内核
正文: Layui网站后台管理系统模板,DIV+CSS布局设计,响应式设计,自适应分辨率,兼容PC端和移动端,全套后台模板,包括登录.控制台.表单.用户组.权限配置等HTML后台模板页面. 程序: w ...
2023 Layui网站后台管理系统框架模板源码
Layui网站后台管理系统模板,DIV+CSS布局设计,响应式设计,自适应分辨率,兼容PC端和移动端,全套后台模板,包括登录.控制台.表单.用户组.权限配置等HTML后台模板页面.

vue3+vite+antd——后台管理系统——基础模板

遇到的问题

1.ERESOLVE unable to resolve dependency tree

2.ERESOLVE unable to resolve dependency tree

3.icon图标的使用——vue3

vue3+vite+antd——后台管理系统——基础模板相关推荐

最新文章

热门文章