# manager_frontend

**Repository Path**: sweat_tea/manager_frontend

## Basic Information

- **Project Name**: manager_frontend
- **Description**: 前端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-01
- **Last Updated**: 2025-10-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3.2 + TypeScript + Pinia + Vite3 + Element-Plus 管理系统（开源啦 🎉🎉）

- **Install：**

```text
npm install
cnpm install

# npm install 安装失败，请升级 nodejs 到 16 以上，或尝试使用以下命令：
npm install --registry=https://registry.npm.taobao.org

# 这里只是为了指定依赖包版本，防止没有版本锁 lock 而安装最新依赖包，导致的项目报错
npm i @element-plus/icons-vue@2.0.10 @vueuse/core@8.0.1 @wangeditor/editor@5.1.12 axios@1.2.1 echarts@5.3.0 echarts-liquidfill@3.1.0 element-plus@2.2.27 js-md5@0.7.3 mitt@3.0.0 nprogress@0.2.0 pinia@2.0.28 pinia-plugin-persistedstate@3.0.1 print-js@1.6.0 qs@6.11.0 sortablejs@1.15.0 vue@3.2.45 vue-i18n@9.1.9 vue-router@4.1.6 vue3-seamless-scroll@1.2.0 vuedraggable@4.1.0 --save
```

- **Run：**

```text
npm run dev
npm run serve
```

- **Build：**

```text
# 开发环境
npm run build:dev

# 测试环境
npm run build:test

# 生产环境
npm run build:pro
```

- **Lint：**

```text
# eslint 检测代码
npm run lint:eslint

# prettier 格式化代码
npm run lint:prettier

# stylelint 格式化样式
npm run lint:stylelint
```

- **commit：**

```text
# 提交代码（提交前会自动执行 lint:lint-staged 命令）
npm run commit
```

### 文件资源目录 📚

```text
Geeker-Admin
├─ .vscode                # vscode推荐配置
├─ public                 # 静态资源文件（忽略打包）
├─ src
│  ├─ api                 # API 接口管理
│  ├─ assets              # 静态资源文件
│  ├─ components          # 全局组件
│  ├─ config              # 全局配置项
│  ├─ directives          # 全局指令文件
│  ├─ enums               # 项目枚举
│  ├─ hooks               # 常用 Hooks
│  ├─ languages            # 语言国际化
│  ├─ layouts              # 框架布局
│  ├─ routers             # 路由管理
│  ├─ stores               # pinia store
│  ├─ styles              # 全局样式
│  ├─ typings             # 全局 ts 声明
│  ├─ utils               # 工具库
│  ├─ views               # 项目所有页面
│  ├─ App.vue             # 入口页面
│  ├─ env.d.ts            # ts 识别 vue 文件
│  └─ main.ts             # 入口文件
├─ .editorconfig          # 编辑器配置（格式化）
├─ .env                   # vite 常用配置
├─ .env.development       # 开发环境配置
├─ .env.production        # 生产环境配置
├─ .env.test              # 测试环境配置
├─ .eslintignore          # 忽略 Eslint 校验
├─ .eslintrc.js           # Eslint 校验配置
├─ .gitignore             # git 提交忽略
├─ .prettierignore        # 忽略 prettier 格式化
├─ .prettierrc.js         # prettier 配置
├─ .stylelintignore       # 忽略 stylelint 格式化
├─ .stylelintrc.js        # stylelint 样式格式化配置
├─ CHANGELOG.md           # 项目更新日志
├─ commitlint.config.js   # git 提交规范配置
├─ index.html             # 入口 html
├─ LICENSE                # 开源协议文件
├─ lint-staged.config     # lint-staged 配置文件
├─ package-lock.json      # 依赖包包版本锁
├─ package.json           # 依赖包管理
├─ postcss.config.js      # postcss 配置
├─ README.md              # README 介绍
├─ STANDARD.md            # 项目编码规范说明书
├─ tsconfig.json          # typescript 全局配置
└─ vite.config.ts         # vite 配置
```

### 容器部署
```
docker run -d --name nginx -v /docker:/docker -v /docker/nginx/vhost:/etc/nginx/conf.d -p 80:80 -p 443:443 nginx
```

### nginx 配置
```
server {
  listen 80;
  server_name  localhost;

  #证书文件名称
  #ssl_certificate /docker/nginx/ssl/***.pem;
  #私钥文件名称
  #ssl_certificate_key /docker/nginx/ssl/***.key;
  #ssl_session_timeout 5m;
  #请按照以下协议配置
  #ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
  #请按照以下套件配置，配置加密套件，写法遵循 openssl 标准
  #ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
  #ssl_prefer_server_ciphers on;
  add_header Strict-Transport-Security "max-age=31536000";

  root /home/test;
  index index.html;

  location / {
    root /docker/xczx/admin;
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
  }
}
```