# vue项目初始化模板

**Repository Path**: jzc33333/vue-init

## Basic Information

- **Project Name**: vue项目初始化模板
- **Description**: vue & vue cli 3 项目初始化模板。
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2021-09-05
- **Last Updated**: 2021-09-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue项目初始化模板

## 项目介绍

vue & vue cli 3 项目初始化模板。  

（主要用途是为了每次新建项目时，不需要重新用脚手架生成，重新配置项目，并将常用的配置写好，可以直接使用。）

主要配置：
- 设置网页标题
- 全局引用axios
- 引用并配置postcss-px2rem
- 引用sass全局文件
- 引用字体文件
- 全局过滤器
- 全局防抖，节流
- 全局请求拦截
- 可选链
- lodash

## 项目版本

### V1.0.0

初始化模板的第一个版本。

### V2.0.0

初始化模板的第二个版本。  

主要是放弃继续优化深拷贝函数，项目引入lodash，将原来的工具库改为cookie.js。

## 项目操作

### 初始化
```
npm install
```

### 启动服务
```
npm run serve
```

### 打包
```
npm run build
```

## 项目结构

- public
    - css   （放置公共css文件）
    - font  （放置字体文件）
- src
    - assets 
        - css   （放置scss公共文件）
        - js    （放置常用的js）
            - axios.js  （全局请求拦截）
            - filter.js （全局过滤器）
            - cookie.js   （cookie函数封装）
- vue.config.js （webpack配置）

## 项目日志

### 2021.03.09

完成项目配置。

### 2021.03.10

测试项目配置的是否成功。  

发现全局防抖处理有点问题，Vue.prototype.$on只能接收到组件上的事件，因为组件里是通过$emit发送事件的，$on才能接收到。  

全局防抖不生效的可以考虑单独引入防抖函数。 

### 2021.06.18

优化深拷贝函数。 

### 2021.07.02

放弃继续优化深拷贝函数，因为需要考虑的问题太多了，导致写的深拷贝函数总是有问题。  

准备在V2.0.0版本中直接使用lodash插件。