# vue+vue-cli3+vant

**Repository Path**: havewego/vue_vuecli3_vant

## Basic Information

- **Project Name**: vue+vue-cli3+vant
- **Description**: 在vue-cli3创建的模板上进行封装，配置好项目的基础模块和功能。实现快速启动项目
- **Primary Language**: JavaScript
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue+vant

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).

## 目录结构描述
``` bash
├── src
│   ├── api                 
│   │   └── login                // 请求文件
│   ├── assets                  // 资源文件
│   │   └── img 
│   ├── axios                   
│   │   └── index               // axios请求方法统一管理
│   ├── commone                 // 全局less配置
│   ├── component               // 公用vue组件
│   ├── config                  // 常用的配置文件
│   ├── filter                  // 全局过滤函数
│   ├── mixins                  // 全局混入和单文件混入
│   ├── router                  // 路由
│   ├── utils                   // 工具
│   │   ├── common              // 公用js方法
│   │   ├── const               // 公用常量
│   │   └── validate            // 公用校验方法
│   ├── views                   // 视图层
│   ├──store                    // vuex状态管理
│   │   └── index.js
│   │──config
│   │   └── index.js
│   │   
│   ├── App.vue
│   └── main.js
├── node_modules
└── Readme.md 
```

## 代码风格
##### 一.vue文件代码风格参考
[https://youzan.github.io/vant/#/zh-CN/style-guide](https://note.youdao.com/)
##### 二.js代码风格规范
1. 采用2个字符缩进
2. 代码尾部省略';'
3. 采用单引号

##### 三.css代码风格规范
1. class命名采用横线连接 (kebab-case)
2. 使用less编辑css代码
3. css代码属性排列顺序
    1.     Positioning
    2.     Box model
    3.     Typographic
    4.     Visual
    5.     Misc