# helio-admin-vue-vben

**Repository Path**: uncarbon97/helio-admin-vue-vben

## Basic Information

- **Project Name**: helio-admin-vue-vben
- **Description**: 基于Vue Vben Admin 改造适配的后台管理前端模板，开箱即用丨演示站👇
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://helio-demo.uncarbon.cc
- **GVP Project**: No

## Statistics

- **Stars**: 46
- **Forks**: 29
- **Created**: 2021-07-22
- **Last Updated**: 2025-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# helio-admin-vue-vben

## 项目说明
基于[Vue Vben Admin](https://github.com/anncwb/vue-vben-admin/) 改造适配的后台管理前端模板，开箱即用

自 `1.6.0` 版本起，可跟随源项目 `main` 分支更新

[源项目官方文档](https://doc.vvbin.cn/)
[相较于源项目的变更](CHANGELOG_HELIO.md)


## 如何使用

1. 从 GitHub 或 Gitee 克隆项目源码，到自己的电脑上
2. 自行安装 `Node.js`18.12.0 或以上版本（建议通过 [nvm](https://www.runoob.com/w3cnote/nvm-manager-node-versions.html) 进行，命令：`nvm install 18.12.0 && nvm use 18.12.0`）
   1. 笔者版本：node@18.16.0 pnpm@8.15.3，如果运行有异常可以切换为此版本试试
   2. 可以换成国内源提高下载速度
      1. `nvm node_mirror https://npmmirror.com/mirrors/node/`
      2. `nvm npm_mirror https://registry.npmmirror.com`
      3. `npm config set registry https://registry.npmmirror.com`
   
3. 找到根目录下的`.env.development`，根据后端程序的类型（单体版or微服务版），修改:
    - `VITE_GLOB_API_URL`（全局API_BASE_URL）
    - `VITE_GLOB_UPLOAD_URL`（全局通用文件上传接口）
    - `VITE_GLOB_API_URL_PREFIX`（全局API路由前缀）
4. 在根目录依次执行命令行命令：
    ```
    npm install -g pnpm
    pnpm install
    npm run dev
    ```
5. 浏览器访问http://127.0.0.1:5173 ，就能看到后台管理页面了，默认账户密码`admin admin`


## License
[MIT](./LICENSE)


## 演示效果图
![](.readme_static/helio-admin-vue-vben-1.JPG)
![](.readme_static/helio-admin-vue-vben-2.JPG)
![](.readme_static/helio-admin-vue-vben-3.JPG)