# vue-typescript-mobile

**Repository Path**: beggar_code/vue-typescript-mobile

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-04
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-typescript-mobile


**最近经常看到Typescript的一些文章。决定自己也尝试用一下，感觉还不错。这里就写了一个模板跟大家下分享下**

#### pc端管理平台模板：https://github.com/pppercyWang/vue-typescript-admin

### 项目结构
```javascript
public
  css
    icon.css ---iconfont的font-class引入
src 
  api ---api接口
  assets ---静态资源
  components ---组件库
  store ---vuex
  utils
    http.ts ---封装了axios
  views ---视图
interface.ts ---ts自定义类型
main.ts ---程序主配置文件
router.ts ---路由配置
vue.config.js ---vue-cli3配置文件
tsconfig.json ---ts配置文件
tslint.json ---语法检查配置文件
```
### vue + vuex + typescript + vant + axios + postcss-px2rem(解决移动端适配) 

 **在我的学习过程中。看过许多的前端工程化代码，各有千秋。我觉得项目的结构设计很重要！我觉得作为一个模板，最重要的就是简单易懂。我没有依赖很多的包，尽量保持代码的整洁干净。**

 
 

![image](https://github.com/pppercyWang/vue-typescript-mobile/blob/master/public/img/20190718143117.png)

### 骨架屏效果
![image](https://github.com/pppercyWang/vue-typescript-mobile/blob/master/public/img/demo.gif)

### 运行项目
```
npm install
```

#### 开发模式运行
```
npm run serve
```

#### 构建项目
```
npm run build
```