前端 PC 脚手架

负责人：李畅  ｜  分类：脚手架  ｜  状态：✅ 可用

简介

PC 端项目脚手架，面向管理后台与 Web 门户场景，提供标准目录结构、构建配置与基础组件，开箱即用。

技术栈

• 框架：Vue 3 / Vite
• UI 组件库：Element Plus
• 路由：Vue Router
• 状态管理：Pinia
• HTTP 客户端：Axios（含请求拦截器 & 错误统一处理）
• 样式：SCSS

内置能力

• ✅ 标准目录结构（views / components / hooks / utils / api）
• ✅ 路由权限守卫 & 动态路由
• ✅ 侧边栏布局 + 顶部导航
• ✅ 接口统一封装（含 Token 刷新）
• ✅ 环境变量分层管理（dev / staging / prod）
• ✅ 构建优化（代码分割、Gzip、CDN 外链）
• ✅ Mock 数据支持（开发阶段）

使用方式

# 访问脚手架平台
# https://developer-center.szhn.cn/dh-design/

# 选择「PC 端模板」，填写项目信息后下载

目录结构预览

my-project/
├── src/
│   ├── api/          # 接口定义
│   ├── assets/       # 静态资源
│   ├── components/   # 公共组件
│   ├── hooks/        # 组合式函数
│   ├── layout/       # 布局组件
│   ├── router/       # 路由配置
│   ├── store/        # Pinia Store
│   ├── utils/        # 工具函数
│   └── views/        # 页面视图
├── .env.development
├── .env.production
└── vite.config.js

快速访问

→ 前往脚手架平台

联系与支持

如遇模板问题或有定制需求，请联系负责人 李畅。