Vue Vben Admin 快速上手
Vue Vben Admin 是一个基于 Vue 3、Vite 和 Ant Design Vue 的现代化企业级中后台产品原型。如果您想要快速上手 Vue Vben Admin,可以按照以下步骤进行:
1. 准备工作
- 确保您已经安装了 Node.js(推荐使用最新的 LTS 版本, 我用的 node 版本是
v21.0.0
)。 - 安装 Git(如果尚未安装)。
2. 克隆仓库
打开终端或命令提示符,克隆 Vue Vben Admin 的仓库到本地:
git:
sh
git clone https://github.com/vbenjs/vue-vben-admin.git
- 或者使用 Gitee 镜像(推荐使用):
sh
git clone https://gitee.com/annsion/vue-vben-admin.git
3. 进入项目目录
- 使用
cd
命令进入项目目录:
sh
cd vue-vben-admin
4. 安装依赖
- 在项目目录中,运行以下命令以安装项目的依赖:
sh
npm install
- 或者使用
pnpm
安装(推荐使用):
- 全局安装 pnpm
sh
npm install -g pnpm
- 安装依赖
sh
pnpm i
验证
pnpm -v # 出现对应版本号即代表安装成功
5. 启动开发服务器
- 运行以下命令启动 Vite 开发服务器:
sh
npm run dev
- 这将启动一个开发服务器,并在默认浏览器中打开应用程序。
6. 构建生产版本
- 若要构建生产版本的应用程序,请运行:
sh
npm run build
- 构建完成后,您可以在
dist
目录下找到生成的文件。
7. 查看文档
- Vue Vben Admin 提供了详细的文档,您可以访问其 GitHub 页面或相关链接以获取更多信息和使用指南。
- 参考
https://doc.vvbin.cn/guide/introduction.html
8. 开始开发
- 现在您可以开始自定义和开发您的中后台系统了。根据您的需求修改代码、添加新功能或调整样式。
请注意,上述步骤仅为快速上手指南,实际开发中可能需要根据项目的具体需求和文档进行更多的配置和定制。