【Vue项目开发流程】

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：本文不足之处，欢迎指正，感谢。】