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——后台管理系统——基础模板的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。