1. 开发前准备工作：依赖nodejs环境，vue命令行工具

2. 开发项目流程：

1> 利用命令行工具创建项目

创建项目仓库

vue create 项目名

进入项目配置向导，在项目创建的过程中，你可以选择项目需要依赖的工具如(vue-router、vuex等)。

项目创建完成，启动项目测试安装是否成功：

进入该目录 cd 项目名

运行开发环境 npm run serve

2> 项目开发前配置

* 根据需求修改配置

* 根据需求修改目录结构

* 根据需求安装自己所需的第三方依赖(如组件库element-ui、axios、vue-filter等)

* 根据后台提供的数据接口规范开发mock模拟接口。

3> 项目开发阶段

* 根据项目需求 编写路由表，创建页面组件

* 根据项目需求，开发组件

* 根据项目页面需求，完成各个页面开发

* 根据后台提供接口文档，编写模拟数据接口，完成模拟接口数据连接

* 根据后台提供接口与前端进行联合调试，进行问题修改

* 完成项目初步测试

4> 项目测试及问题修改

5> 项目打包与优化阶段

* 项目打包测试：

运行该命令进行项目打包：npm run build

打包完成后的，最终代码都会生成在dist目录中。

* 项目优化

通过该命令查看打包分析：npm run build --report

根据分析结果，进行相应优化

6> 项目上线：将dist目录中的资源，发布到线上环境。

 

【ps：本文不足之处，欢迎指正，感谢。】