项目开发流程

1、确定项目的技术栈

vue2.0 + vue3/4 + vue-router + axios + vuex + vant + rem + sass + webpack

2、搭建项目

yarn，npm(cnpm) 包管理工具
yarn add axios -S
cnpm install axios -S
-S: --save-dev 生产环境的依赖 （dependencies）
-D: --dev 开发环境的依赖 （devDependencies）

搭建项目的时候有两种方法：一种是从0搭建，另一种是使用项目模板

2.1 从0搭建

使用脚手架一步一步搭建项目，可以自己选择各种配置文件

指令

vue create projectname
.....
cd projectname
yarn install
npm run serve

• UI可视化界面安装、配置、安装插件、启动项目

vue ui

2.2 使用项目模板

方便快捷

1、多环境变量配置（开发、测试、生产）
2、axios 请求拦截，响应拦截 (API统一管理)
3、sass 预编译
4、rem移动端适配方案
5、vant-ui 按需导入
6、本地跨域
7、vuex
8、300毫秒延迟问题 （较老设备点击事件有300ms延迟问题）
9、1px 边框像素问题
10、初始化样式问题 (reset.css引入项目)
11、js工具文件 （防抖、节流、日期处理、数据类型检测）
12、字体图标引入

3、路由

配置路由信息

3.1 路由嵌套

3.2 路由传参

3.3 路由守卫

3.4 keep-alive

4、组件化开发

4.1合理的拆分组件（公共组件，页面级别的组件，功能型组件）

4.2组件开发

组件传值（子传父，父传子，兄弟组件，vuex）

5、webpack配置打包优化（vue.config,js）