# vue3-template

**Repository Path**: qzliuchaomin/vue3-template

## Basic Information

- **Project Name**: vue3-template
- **Description**: 基于 Vue3、TypeScript、Vite 构建的后台管理系统模板
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2025-06-04
- **Last Updated**: 2025-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目简介
基于 Vue3、TypeScript、Vite、Pinia、Element-Plus 构建的后台管理系统模板
# 环境准备

| 环境 | 名称版本 | 下载地址 |  
| :---: | :---: | :---: |  
| 开发工具 | VsCode | [下载](https://code.visualstudio.com/Download) |  
| 运行环境 | Node >= 18 | [下载](https://nodejs.cn/download/) |

# 项目启动
```sh
# 克隆代码
git clone https://gitee.com/lyDevelop/vue3-template.git

# 切换目录
cd vue3-template

# 安装依赖
npm install

# 启动运行
npm run dev
```

# 项目部署
- 手动部署
  ```sh
  # 打包构建
  npm run build

  # 构建 Docker 镜像
  docker build -t vue3-image .

  # 启动容器
  docker run -d -p 3000:3000 --name vue3-template vue3-image
  ```
- 使用当前路径下的`build.sh`进行自动化部署
  ```sh
  # 执行 shell 脚本进行自动化打包构建以及发布 Docker 环境
  ./build.sh
  ```