# vue-template

**Repository Path**: chen-ge-project/vue-template

## Basic Information

- **Project Name**: vue-template
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-04-18
- **Last Updated**: 2024-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-template

> 基于 `vue3.4`， `vite5.2.8` 搭建的 vue3 项目模板

## 初始化项目

### 配置 .env 文件

根据项目具体需求修改以下配置

#### .env

```ini
# 项目标题， 项目的实际名称
VITE_PROJECT_TITLE = 'vue-template'

# 项目前缀，主要用于 store 方法本地存储数据时，用于区分不同项目使用
VITE_PROJECT_PREFIX = 'vue-template'

# postcss转rem的比例，根据设计搞尺寸除以10
VITE_POST_ROOT_VALUE = 0
```

#### .env.development

```ini
# 请求地址
VITE_BASE_URL = '/api'
# 图片文件路径
VITE_FILE_URL = 'http://192.168.10.50:3000'
# 代理的路径
VITE_SERVER_URL = 'http://192.168.10.50:3000'
```

### 修改 package.json 项目名称

```json
{
  "name": "项目的实际名称"
}
```

### 请求配置

> 路径： `/src/enums/common.ts`

```typescript
/** token 枚举 */
export enum TOKEN_ENUM {
  /** 本地存储 token 的 key */
  TOKEN_KEY = 'temp_token',
  /** 接口请求 token 对应的 key */
  TOKEN = 'Authorization',
}

/** 请求结果枚举 */
export enum RESULT_ENUM {
  /** 成功的键名 */
  SUCCESS = 'code',
  /** 成功的值 */
  SUCCESS_VALUE = 1,
}
```