项目开发流程

1.创建项目，初始化项目
首先：开发这个项目我用的是vue脚手架3.0
项目搭建好以后，我们需要初始化项目，安装需要的插件
我们常用的有：axios（请求）、框架（后台管理系统安装element-ui，移动端安装vant），vuex-persistedstate（数据持久化插件），前期我们先安装这几个，后面根据项目的需要，在安装需要的插件
2.配置多环境变量
首先我们需要在根目录下创建三个.env的文件，根据环境的不同，配置不同的VUE_APP_ENV
3.配置全局sass
下载两个插件

npm install --save-dev sass-loader
npm install --save-dev node-sass

4.封装axios
好处：axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。
5.封装vuex
在src文件夹下面创建store的文件夹，然后在这个文件夹下面创建四个js文件
state:定义公共数据
actions：操作异步的数据
mutations：操作同步的数据，也是唯一一个可以直接改变state里面定义的数据
getters：类似于vue组件中的计算属性，对state数据进行计算（会被缓存）
6.按需引入我们需要的框架，（移动端：vant-ui）（后台管理：element-ui）
7.路由封装
我一般在做项目时候，遇到跳转页面多的时候呢，我会把路由分成几个文件来封装，比如现在我做的这个后台管理系统，有10个页面，每个页面里面肯定有很多需要跳转的页面，这时候我会在router这个文件夹下面创建10个文件，然后每个文件对应一个页面，比如现在首页的这个页面，就在router这个文件夹下面创建一个home.js文件，然后把首页需要跳转的的路由全部写在这个文件里面，然后把他引入到index.js这个文件里面就可以啦，这样呢，在做项目，或者以后优化的时候就比较好找，如果以后我们要优化项目，需要优化首页的时候，在我们需要优化首页这个页面路由的时候，我们就可以去home.js这个文件里面去找就可以啦
8.封装组件
封装组件的话分为两种
一个是页面组件的封装
一个是公共组件的封装
9.代码优化：节流防抖，函数防抖，图片懒加载，keep-alive缓存不活动的组件
10.打包上线
npm run build

流程图

流程图说明

业务调研
参与人员：产品经理、业务人员（或用户）
环节任务：产品经理了解业务人员提出需求的项目背景、方向，进行业务梳理，对项目功能阐述，制作思维导图等等。
需求设计
参与人员：产品经理
环节任务：根据业务调研产生的用户需求，针对不同的菜单、角色、具体功能点进行设计体现到需求文档上，制作需求文档、原型图、流程图等等。

未确定，不明确，没把握的需求需要跟业务人员反复确认，写在需求设计文档上的需求须是明确的。

需求评审
参与人员：产品经理、业务人员、开发人员、测试人员

环节任务：

业务人员，确认需求逻辑正确，符合自己预期设想；

开发人员，熟悉新需求，并对需求进行梳理理解，查看需求设计是否在项目设计上存在有冲突、未完善等地方。评审后整理需求设计存在的问题，进行需求设计调整，多次评审确认，由产品经理交付给开发人员进行开发。

制定开发计划
参与人员：开发人员

环节任务：了解开发难度，评估开发工作量，任务分解，拆分模块，功能点划分，制作开发计划，完成的时间节点。

系统集成测试
参与人员：测试人员、开发人员

环节任务：项目打包，发布版本到测试服务器，测试人员根据需求文档测试项目，数据是否显示正确，数据是否有缺失，校验是否通过及流程是否通畅等，未通过的流程测试提交到禅道，分配给相应的开发人员调整。

开发人员根据测试反馈修改代码，完成后再次提交给测试，直到测试通过。

产品验收
参与人员：产品经理

环节任务：根据需求文档进行验收，是否程序实现与需求设计无差。

项目实施
参与人员：产品经理、业务人员

环节任务：

项目打包发布正式环境，

产品经理整理此次项目上线的改动记录，比如实现了哪些功能，做了哪些变动，告知业务发起人，

产品经理编写用户手册，给业务人员进行电脑使用培训等。

上线后系统维护与运维
参与人员：业务人员、产品经理、开发人员

环节任务：业务人员使用过程中出现的系统异常，数据缺失等bug性问题，反馈给开发人员，开发人员及时修复，反馈给产品经理进行验收，发布上线，由产品经理或开发人员告知用户问题已解决；

业务人员在使用过程中对系统产生新的需求或需求变更，由产品经理进行需求确认。