# vue3+typescript+elementplus 后台管理系统

**Repository Path**: naitang_room/vue3typescriptelementplus

## Basic Information

- **Project Name**: vue3+typescript+elementplus 后台管理系统
- **Description**: 是基于 vue3+typescript+elementplus 等主流技术栈构建的免费开源的后台管理前端模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-05-06
- **Last Updated**: 2024-12-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# X-cost-BMS



## 项目简介

[vue3+typescript+elementplus 后台管理系统](https://gitee.com/naitang_room/vue3typescriptelementplus.git) 是基于 vue3+typescript+elementplus 等主流技术栈构建的免费开源的后台管理前端模板。


## 项目特色

- **简洁易用**：无过渡封装 ，易上手。

- **权限管理**：用户、角色、菜单、字典、部门等完善的权限系统功能。

- **基础设施**：路由、代码规范、Git 提交规范、常用组件封装。

- **持续更新**：持续更新，及时跟进最新的技术和工具。 



## 项目预览


![首页](https://gitee.com/naitang_room/images/raw/master/%E5%90%8E%E5%8F%B0%E9%A6%96%E9%A1%B5.png)
![页面](https://gitee.com/naitang_room/images/raw/master/%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E5%85%AC%E5%8F%B8%E7%AE%A1%E7%90%86.png)



![页面](https://gitee.com/naitang_room/images/raw/master/%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E6%96%87%E4%BB%B6%E7%AE%A1%E7%90%86.png)


![页面](https://gitee.com/naitang_room/images/raw/master/%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86%E7%BB%84%E7%BB%87%E6%9E%B6%E6%9E%84.png)









## 环境准备

| 环境                 | 名称版本                                                     | 下载地址                                                     |
| -------------------- | :----------------------------------------------------------- | ------------------------------------------------------------ |
| **开发工具**         | VSCode                                                       | [下载](https://code.visualstudio.com/Download)           |
| **运行环境**         | Node ≥19                                                   | [下载](http://nodejs.cn/download)                        |


## 项目启动

```bash
# 克隆代码
git clone  https://gitee.com/naitang_room/Personal-Financial-Management-System.git


# 安装依赖
npm install

# 启动运行
npm run serve

# 打包
npm run build


```



## 项目部署

```bash

# 项目打包
npm run build:prod

```







## 交流群🚀

> **关注「农民工前端」公众号，获取交流群二维码。**
>
> 如果交流群的二维码过期，请加微信(nmgcd_)并备注「前端开发进群」以获取最新二维码。
>
> 为确保交流群质量，防止营销广告人群混入，我们采取了此措施。望各位理解！