# vue-h5-template

**Repository Path**: coder-kai/vue-h5-template

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-05
- **Last Updated**: 2024-08-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# h5登陆模板

## 适配方案：rem

```
按照设计稿750px来设计，基准rootValue设置为75
```

## 基础内置

- axios请求封装
- 事件总线mitt
- 状态管理pinia
- 格式化prettier
- 多环境管理dotenv
- sass支持
- 路由router支持

## 页面结构

```
文件目录
 ├── public 					-- 存放静态资源
 ├── .env.development			-- 开发环境全局常量
 ├── .env.production			-- 生产环境全局常量
 ├── .gitignore
 ├── .prettierrc
 ├── jsconfig.json
 ├── index.html                 -- 主页面
 ├── yarn.lock                  
 ├── README.md                  
 ├── postcss.config.js          -- postcss配置文件                  
 ├── package.json               -- 包管理器代码
 ├── permission.js              -- 路由守卫
 ├── src                        -- 源代码
 │   ├── api                    -- api 组
 │   ├── App.vue                -- 主页面
 │   ├── components             -- 全局组件
 │   ├── main.js                -- 主文件
 │   ├── permission.js          -- 路由中间件
 │   ├── services               -- 网络请求
 │   │   └── index.js
 │   ├── pinia                  -- pinia 状态管理器，取代vuex
 │   │   ├── index.js           -- 入口文件
 │   │   └── modules            -- modules
 │   ├── router                 -- 路由声明文件
 │   │   └── index.js
 │   ├── styles                  -- 全局样式
 │   │   ├── global.scss
 │   ├── utils                  -- 方法包库
 │   │   ├── bus.js             -- 全局mitt声明文件
 |   ├── view -- 主要view代码
 |   |   ├── error -- 错误
 |   |   ├── home               --首页
 └── vite.config.js             -- vite 配置文件

```