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

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

开发流程

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

开发

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 安装依赖包
  • node 版本约束

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部署。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/101096.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • vscode中svn使用详解_iis配置步骤

    vscode中svn使用详解_iis配置步骤XcodeSVN配置方法    Mac自带svn,所以我们就不需要下载了,稍稍修改一下subversion配置就能使用。大大教了两种方法:第一步,配置Subversion  Leopard中自带了SVN,但Xcode的项目文件中,并不是所有文件都适于加入SVN中进行管理,比如编译后的文件和编译过程中产生的文件,这些文件不属于源代码,应该告诉svn忽略掉,方法:  编辑~/.subversi

    2025年11月8日
    2
  • 软件测试技术之: 白盒测试和黑盒测试[通俗易懂]

    软件测试技术之: 白盒测试和黑盒测试[通俗易懂]白盒测试和黑盒测试的区别和基本方法。

    2022年9月18日
    5
  • Tomcat学习—Tomcat的tomcat-user.xml配置文件

    Tomcat学习—Tomcat的tomcat-user.xml配置文件

    2022年2月24日
    95
  • java线程池浅析

    java线程池浅析简介    线程的使用在java中占有极其重要的地位,在jdk1.4极其之前的jdk版本中,关于线程池的使用是极其简陋的。在jdk1.5之后这一情况有了很大的改观。Jdk1.5之后加入了java.util.concurrent包,这个包中主要介绍java中线程以及线程池的使用。为我们在开发中处理线程的问题提供了非常大的帮助。线程池线程池的作用: …

    2022年7月7日
    23
  • VeryCD网站无法访问 遭广电总局强行关闭[通俗易懂]

    VeryCD网站无法访问 遭广电总局强行关闭[通俗易懂]就在昨天还可以正常访问的知名下载网站VeryCD今天下午2点半左右突然无法访问,分析人士称或与广电总局最近的新政策有关。知名下载网站VeryCD首页截图  12月9日下午消息,多名网友向腾讯科技反映,就在昨天还可以正常访问的知名下载网站VeryCD今天下午2点半左右突然无法访问,分析人士称或与广电总局最近的新政策有关。  据悉,除了北京网友无法访问外,深圳以及上…

    2022年8月10日
    9
  • Flume与Kafka对接「建议收藏」

    Flume与Kafka对接「建议收藏」引言flume为什么要与kafka对接?我们都知道flume可以跨节点进行数据的传输,那么flume与sparkstreaming对接不好吗?主要是flume对接到kafka的topic,可以给多个consumergroup去生成多条业务线。虽然flume中的channelselector中的副本策略也可以做多给多个sink传输数据,但是每个channelselector都是很消耗资源的。文章目录一、flume采集的数据发往一个topic二、flume采集的数据发往多个topic总结.

    2022年6月23日
    47

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号