为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【金秋打卡】第20天 Web前端架构师2022版

【金秋打卡】第20天 Web前端架构师2022版

2022.11.12 23:24 93浏览

课程章节: 第9周 项目整体搭建

主讲老师:张轩

课程内容:

今天学习的内容包括:

3-4 项目结构规范
3-5 了解 Git Flow 标准

课程收获:

代码结构 针对单个文件的书写格式
项目结构 针对这些文件应该以怎样的标准进行存放和管理。

  • 按照按功能或路由组织,也就是所说的 feature
  • 按照文件类型

注意事项

  • 避免多层嵌套
  • 不要过度思考

项目结构举例

/assets
	image.png
  logo.png	
/components
	ColorPicker.vue (使用 Pascal 命名方式)
  Dropdown.vue
  ...
/views
	Home.vue (使用 Pascal 命名方式)
    ...
/router
	index.ts
	...
/store
	index.ts
	editor.ts
	user.ts
	...
/hooks
	useURLLoader.ts ( 以use开头,使用驼峰命名方式 )
    ...
/plugins
	hotKeys.ts (使用驼峰命名方式)
	...
/test
	ColorPicker.spec.ts (使用Pascal命名方式,和组件名称相同,以 spec.ts 结尾)
App.vue
main.ts

Git 标准操作流程:Git Flow

所有的这些规范都是针对特定的多人设定的,意在让多人协作的过程更顺畅,更简单,减少不必要的冲突和时间的浪费。

图片描述

预设两个分支

  • master 只能用来包括产品代码。你不能直接工作在这个 master 分支上
  • develop 是你进行任何新的开发的基础分支。

图片描述

  • 功能开发 feature

    • 整合回到 develop
    • 等待更全面的测试
    • 等待和 develop 一起进行发布
    • 管理 release
  • 新功能已经添加,bug已经修复

    • 代码已经被测试
    • release 分支使用版本号命名的
  • bug 修复 hotfix

    • 针对 master 分支
点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
4
获赞与收藏
1

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

51篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

151篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消