工作中总结前端开发流程--vue项目

栏目: JavaScript · 发布时间: 5年前

内容简介:1.版本控制选用git进行版本控制。3.环境配置

开发流程

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

开发

1.版本控制

选用git进行版本控制。

  • 新建分支进行开发,master主线,code review后进行合并。
  • 利用分支,部署不同的上线版本
2.技术选型

*根据业务需求,选择合适的技术 -- vue-cli

*制定统一编码规范,便于团队协作和代码维护,例如eslint, tslint

3.环境配置

初始化项目完成后,提交代码到远程库。

为保持环境统一,推荐以下方式:

  • 需团队共享的 npm config 配置项
  • 使用 npm: >=5.1 版本, 保持 package-lock.json 文件默认开启配置
  • 提交 package.json, package-lock.json。package.json中,项目依赖semver为^X.Y.Z
  • 项目成员首次 clone 项目代码后,执行npm install 安装依赖包

4.构建优化

根据实际项目,更改webpack配置。

5.目录结构

  • 模块化

    采用模块化的方式组织代码:

    JS 模块化:AMD、CommonJS、UMD、ES6 Module
    CSS 模块化:less、sass、stylus、postCSS、css module
  • 组件化
    采用组件化的编程思想,处理 UI 层
  • 静态资源管理

    1.非模块化资源
    2.模块化资源--与模块一起进行统一管理

开发结束后,一般也会经历以下几个过程:

1.需求变更,重新开发
2.code review
3.提交测试,修改bug单,回归测试

测试

1.SIT测试环境

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

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

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

2.UAT测试环境

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

部署

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

当然,上线前,要进行性能优化,例如配置缓存,静态资源CDN部署。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

复杂网络理论及其应用

复杂网络理论及其应用

汪小帆、李翔、陈关荣 / 清华大学出版社 / 2006 / 45.00元

国内首部复杂网络专著 【图书目录】 第1章 引论 1.1 引言 1.2 复杂网络研究简史 1.3 基本概念 1.4 本书内容简介 参考文献 第2章 网络拓扑基本模型及其性质 2.1 引言 2.2 规则网络 2.3 随机图 2.4 小世界网络模型 2.5 无标度网络模型 ......一起来看看 《复杂网络理论及其应用》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

html转js在线工具
html转js在线工具

html转js在线工具