前端业务需求构建

一、开发流程：

需求---->原型---->开发---->测试---->上线

1、开发

（1）版本控制：选用git版本

（2）技术选型：根据业务需求，选择合适技术 vue-cli | 制定统一编码规范，便于团队协作和代码维护，例如eslint, tslint

（3）环境配置：初始化项目完成后，提交代码到远程库

（4）构建优化：根据实际项目，更改webpack配置。

（5）目录结构：
　　1）模块化

　　　　JS 模块化：AMD、CommonJS、UMD、ES6 Module

　　　　CSS 模块化：less、sass、stylus、postCSS、css module

　　　　资源模块化

　　2）组件化

　　　　项目组定制化ui组件  |  公共功能组件，如404，无权限  |  公共插件

　　3）静态资源管理

　　　　非模块化资源  |  模块化资源（与模块一起进行统一管理）

　　4）规范化

　　　　编码规范  |   接口规范  |   git 使用规范  |   CodeReview

　　5）国际化

　　　　减少层级引用，提高复用性

2、测试

（1）SIT测试环境

　　　　 测试环境，前后端分离，后台CORS，前台通过代理跨域。

　　　　 最好采用source map方式，利于追踪bug。

　　　　 一般测试通过，bug单清零，会转UAT测试

（2）UAT测试环境

　　　　用户验收测试，一般通过后，就准备部署上线

3、部署上线

　　上线前，要进行性能优化（例如配置缓存，静态资源CDN部署）

　　webpack进行打包后，丢到服务器上，项目上线