# vue_phone

**Repository Path**: RDJ_project/vue_phone

## Basic Information

- **Project Name**: vue_phone
- **Description**: vue 手机端模板项目
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: vue_ts_phone_cli3.0
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2016-12-21
- **Last Updated**: 2022-02-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ts+vue2.x 手机模板项目

## 项目初始化安装依赖库
```
npm install
```

### 项目热重载调试启动
```
npm run serve
```

### 项目打包
```
npm run build
```

### 项目测试 （暂时没安装测试模块）
```
npm run test
```

### 检查代码风格 （本项目自动检测不需要额外运行）
```
npm run lint
```

### vue-cli详细配置
官网 [Configuration Reference](https://cli.vuejs.org/config/).

### 项目结构汇总
```
│  .browserslistrc --- 浏览器白名单（做浏览器兼容配置）
│  .eslintrc.js --- js或ts代码风格检测插件配置（配合编辑器插件使用，该项目配合pretter代码风格优化插件不需要自己注意代码风格自动优化） 
│  .gitignore --- git忽略提交配置
│  postcss.config.js --- css代码转换工具配置（可以自动兼容浏览器版本或者利用插件进行样式单位转换，部分配置放在vue.config.js）
│  babel.config.js --- bable 代码转换版本兼容工具配置（有些库框架做成bable插件方便全局引用但是需要配置）
│  vue.config.js--- vue-cli3项目配置文件（vue做多了一层封装简化webpack配置）
│  package.json --- node npm模块及指令配置文件
│  README.md --- 说明文档
├─src --- 项目代码主工作目录
│   │  App.vue --- 根节点组件页面
│   │  main.ts  --- 入口文件
│   ├─asset --- 静态资源
│   ├─components  --- 常用组件、公用组件
│   ├─types --- 全局类型声明文件
│   ├─models --- 数据模型类 （表示数据格式及请求地址）
│   ├─views --- 页面文件目录
│   ├─routers  --- 地址路由及路由守卫
│   ├─utils --- 常用工具 http等
│   ├─style --- 样式
│   ├─stores --- 前端数据状态管理器
├─public  --- 公共资源
└─node_modules  --- 安装好的npm模块

```
### 项目整体结构

- vue全家桶
- vant 手机版ui框架
- webpack 自动化构建
- typescript