零基础使用Vben Admin后端框架开发自己的web项目

一、前言

我开始尝试使用 Vben Admin 框架来开发自己的 Web 项目。本文记录了从零开始搭建第一个 Vben 项目的完整流程，希望对初学者有所帮助。

二、什么是 Vben Admin？

简单解释一下：

• 一款基于 Vue 3 + Vite + TypeScript 的后台管理系统框架

• 内置完善的权限系统、组件封装、国际化、多标签页、路由管理等

• 适合用来做后台管理、CMS、资源平台等项目

三、准备工作

1. 环境要求

• Node.js >= 18.x（建议用 nvm 安装）

• pnpm（推荐官方推荐的包管理器）

# 安装 pnpm（如果没有）
npm install -g pnpm

四、创建项目

1. 拉取项目代码

git clone https://github.com/vbenjs/vben3.git my-vben-project
cd my-vben-project

或在官网直接下载https://doc.vben.pro/

2. 安装依赖

pnpm install

3. 启动项目

pnpm run dev:antd