工作中总结前端开发流程–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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Arduino – 串口操作函数与示例代码大全

    Arduino – 串口操作函数与示例代码大全本文总结了Arduino常用串口操作函数的说明、语法、参数、返回值。根据函数定义编写了示例代码,并通过实验解释了每个函数的具体用法。是对Arduino串口操作函数的较全面总结,可作为工具贴查找使用。

    2022年6月6日
    1.4K
  • webman windows调试环境搭建

    webman windows调试环境搭建目录环境启动脚本 web 服务器搭建好了 如此简单 性能拽的很 windows 启动后界面局域网测试 这个意义不大花生壳内网穿透 20 万次访问 服不服映射配置一句话 带宽扛得住 问题不大 异步处理会更好

    2025年10月20日
    4
  • python中sql拼接字符串过程

    python中sql拼接字符串过程a,b(是数字)sql="insertintostock_staffVALUES(a,b,c,d)"sql="insertintostock_staffVALUES("+a,b,c,d+")"sql="insertintostock_staffVALUES("+a+","+b+","+c+","

    2022年6月26日
    109
  • 网站去色_sepaidui

    网站去色_sepaidui这2010-8-8–2010-8-15几天是哀悼日把自己的网站图片、还有其他的表格都变成黑白的,就是把整站变成灰色的。方法:这段代码可以变网页为黑白,将代码加到CSS最顶端就可以实现素装。有一些站长的网站可能使用这个css不能生效,是因为网站没有使用最新的网页标准协议请将网页最头部的替换为以上代码。有一些网站FLASH动画的颜色不能被CSS滤镜控制,可以在FLASH代码的和之间插入:

    2022年10月6日
    4
  • allow_url_fopen与安全以及PHP libcurl

    allow_url_fopen与安全以及PHP libcurl  allow_url_fopen=ON常常会给服务器和管理员带来麻烦,但是经常性(至少我这样认为)的我们需要远程读取某个东西,如果设置allow_url_fopen=OFF将其关闭,我们就没有办法远程读取。  幸好我们有一个很好的PHP模块–curl。下面我就以一个例子说说我用curl远程读取的方法:  第一,allow_url_fopen=ON的情况下:

    2022年7月21日
    12
  • 基于Java swing+mysql+eclipse的【水电费管理系统】

    基于Java swing+mysql+eclipse的【水电费管理系统】本项目为前几天收费帮学妹做的一个项目,Javaswing项目,在工作环境中基本使用不到,但是很多学校把这个当做编程入门的项目来做,故分享出本项目供初学者参考。CSDN9.9赞助下载:https://download.csdn.net/download/weixin_44893902/20545860白嫖:加QQ68872185一、效果演示主要功能:普通用户:用户用水用电查询(根据时间查询、导出Excel)管理员用户:用户信息管理>>平台用户信息查询(修改信.

    2022年6月17日
    21

发表回复

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

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