# vite-vue-h5-app

**Repository Path**: l-x-f/vite-vue-h5-app

## Basic Information

- **Project Name**: vite-vue-h5-app
- **Description**: vite-vue-h5-app
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2022-03-16
- **Last Updated**: 2024-03-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, vite, H5

## README

# vite-vue-h5-app

**中文** | [English](./README.en-US.md)

## 技术栈

```code
Vue 3.2 + Typescript 5 + Vite 4 + Vant 4
```

## 预览

![首页](./preview/1.jpg)![我](./preview/2.jpg)

## 开发环境

| 类型          | 名称              | 版本           |
| ------------- | ----------------- | -------------- |
| 操作系统      | Windows 11 专业版 | 22000.1098     |
| 开发工具      | Microsoft VS Code | 1.72.2         |
| 调试工具      | Google Chrome     | 104.0.5112.102 |
| 代码版本控制  | git               | 2.37.0         |
| 语言环境      | node              | 16.18.0        |
| 包管理器      | npm               | 8.19.2         |
| 包管理器      | yarn              | 1.22.17        |
| node 版本管理 | nvm               | 1.1.7          |
| npm 源管理    | nrm               | 1.2.5          |

## 项目结构

```sh
.
├── README.md                           #项目简介
├── commitlint.config.js                #commitlint配置
├── cypress                             #单元测试 端到端测试
├── index.html                          #页面入口
├── mock                                #mock
├── package.json                        #package
├── postcss.config.js                   #postcss配置
├── public                              #静态文件
│   ├── favicon.ico                     #icon
├── src                                 #核心源码
│   ├── App.vue                         #根组件
│   ├── api                             #接口
│   ├── assets                          #资源
│   ├── components                      #组件
│   ├── config                          #启用mock和vconsole 配置
│   ├── icons                           #svg图标
│   ├── main.ts                         #项目入口
│   ├── router                          #路由，导航守卫
│   ├── store                           #数据仓库
│   ├── styles                          #全局样式和样式变量
│   ├── utils                           #工具函数
│   └── views                           #业务页面
├── types                               #ts类型
├── tsconfig.json                       #ts项目配置
├── update.sh                           #提交代码脚本
├── viteConfig                          #vite配置
├── vite.config.ts                      #vite项目配置
└── yarn.lock                           #npm包版本锁定
```

## 项目启动

### 安装依赖

```sh
yarn
```

### 开启开发环境

```sh
yarn dev
```

## 代码检验

```sh
yarn lint
```

## 样式检验

```sh
yarn stylelint
```

## 代码提交

```sh
 ./update.sh
```

## 打包部署

```sh
yarn build:prod
```

## License

MIT