Vue3 + TypeScript + Pinia + VueRouter + Element Plus 后台管理系统.docxVIP

Vue3+TypeScript+Pinia+VueRouter+ElementPlus后台管理系统

一、项目结构（标准后台架构）

plaintext

src/

├──api/#接口请求

├──assets/#静态资源

├──components/#公共组件

├──layouts/#布局（侧边栏+顶部+主内容）

├──router/#路由

├──stores/#Pinia状态管理

├──types/#TS类型定义

├──utils/#工具类

├──views/#页面

├──App.vue

└──main.ts

二、package.json依赖

json

{

name:vue3-admin-ts,

private:true,

version:0.0.0,

type:module,

scripts:{

dev:vite,

build:vue-tscvitebuild,

preview:vitepreview

},

depend