# vue-typescript-element-template

**Repository Path**: lifaze/vue-typescript-element-template

## Basic Information

- **Project Name**: vue-typescript-element-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**: 2021-01-11
- **Last Updated**: 2021-01-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue-typescript-element-template

## 一款轻量级、简单易用、结构清晰的 Vue CLI3 + TypeScript + ElementUI 开发的企业级后台模板。

![这里写图片描述](./example.gif)

### 近期更新

- 增加 axios 插件的封装，防抖、节流、请求缓存等。
- 增加一些示例页面

### 使用方法及特点

- 使用方法
  - git clone https://github.com/forijk/vue-typescript-element-template.git
  - 安装依赖: npm install
  - 本地运行: npm run serve
  - 代码Lint: npm run lint
  - 本地构建: npm run build

- 特点：
  - 多入口项目；也改成单入口，直接修改 vue.config.js 即可
  - 采用 ESLint 作为代码规范工具，内置对 typescript 语法的支持
  - 文件目录结构清晰
    - pages 项目目录
    - 工具类 utils
    - 插件类 plugins
    - 公共组件 components
  - 已对 router、store 进行了简单的配置，拿来即用
  - 集成三级菜单、面包屑功能等功能
  - 已抽离公共组建 Layout、Header、Side、Breadcrumb 等组件，简单易用，便于扩展

### 目录结构

```shell
├── babel.config.js
├── package.json
├── postcss.config.js
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── assets
│   │   ├── logo.png
│   │   └── page404.png
│   ├── common
│   │   ├── Bus.ts
│   │   ├── axios.ts
│   │   ├── axiosExtensions.ts
│   │   ├── common.scss
│   │   └── interpators.ts
│   ├── components
│   │   ├── Breadcrumb.vue
│   │   ├── Header.vue
│   │   ├── Layout.vue
│   │   └── Side.vue
│   ├── global.d.ts
│   ├── pages
│   │   ├── home
│   │   │   ├── App.vue
│   │   │   └── main.ts
│   │   ├── index
│   │   │   ├── App.vue
│   │   │   ├── main.ts
│   │   │   ├── router.ts
│   │   │   ├── service
│   │   │   │   ├── apiMap.ts
│   │   │   │   └── apimanage.serve.ts
│   │   │   ├── store
│   │   │   │   ├── actions.ts
│   │   │   │   ├── index.ts
│   │   │   │   ├── mutation-types.ts
│   │   │   │   └── state.ts
│   │   │   └── views
│   │   └── initialize.ts
│   ├── plugins
│   │   ├── inject.ts
│   │   ├── notify.ts
│   │   └── vue.d.ts
│   └── utils
├── tsconfig.json
└── vue.config.js
```

### 后续将持续更新。希望能够帮助到大家，有所收获，也希望大家多多提些建议。

### 感谢 ~