# h5-template

**Repository Path**: fengshichen/h5-template

## Basic Information

- **Project Name**: h5-template
- **Description**: 一个待完善的 h5 vue2 模板脚手架
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-10-13
- **Last Updated**: 2021-10-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 个人移动端模板

## 基本信息

### 已添加功能

- vue-router
- vuex
- axios
- vant
- babel es5 转化
- 后端多地址配置
  - public/envConfig.json
  - src/config/index.js -> envKey
- Docker 打包 配置
  - Dockerfile
  - nginx.conf

### 小优化

- prettierrcjs 代码规范
- 引入 fastclick 去除移动端 300ms 点击延时

### 待补充

- 移动端机型适配
- 基础组件样式编写

## 示例

### step 1

拉取代码至本地仓库

```shell
git clone https://gitee.com/fengshichen/h5-template.git
```

### step 2

先装依赖，然后启动服务看看

```shell
npm i
npm run dev
```

### step 3

打包出来一个 docker 镜像

- path：组织路径
- template-name：镜像名称
- .：代表以当前目录为入口开始打包

```shell
npm run build
docker build -t path/template-name:1.0.0 .
```

### step 4

通过刚刚打包好的 docker 镜像，启动一个容器

**查看镜像 ID**：IMAGE ID

```shell
docker images
```

**启动容器/服务**：当前项目模板默认是通过 nginx 来启动服务的，且配置端口为 80(内部端口)

- -d：后台挂起
- 8020：外部端口
- --restart=always：容器跟随 docker 自启

```shell
docker run -d -p 8020:80 --restart=always --name h5-template [IMGAE ID]
```