远程办公参与开源项目如何协作?
共 4847字,需浏览 10分钟
· 2022-05-14
远程工作 5 个月,总结一下平时是如何进行远程协作的,主要还是结合自身参与的项目以及以前端开发者的视角而言的,平时的工作大概会涉及以下几点:
需求调研 & 评审 原型设计 & 评审
功能开发
Code Review
环境部署
技术写作
沟通工具 - 飞书
沟通工具 - 飞书
工作会议
进度同步
文档协同
共享屏幕
虚拟“水”吧
![](https://filescdn.proginn.com/c929d346e8e3f8d4ae584a111b89aecd/87f5477880366698a7ce904921a5b231.webp)
知识空间
项目管理
Linear
![](https://filescdn.proginn.com/eb504d96bb487423a24221dd1d3d6084/b3fb5a395a77b3d30056b0402badda24.webp)
Linear 不仅是一个 issue 管理工具,它还有很多好用的功能,比如:
创建项目,以项目的方式管理 issue(Projects)
用面板视图查看 issue(Board)
创建敏捷迭代的发布周期(Circles)
创建自己的视图(views)
连接一些工作流,比如 GitHub
GitHub Issue
写作工具
那平时也会涉及到英文写作,这时候可能用到一些语言工具,比如翻译软件、语法软件、编辑器等等:
Grammarly
DeepL 翻译器
Hemingway App
![](https://filescdn.proginn.com/8ed6eb350c49afe9c960dbc963ebb6db/121c233cb0780f12d6539139d26a3b16.webp)
生产力工具
Raycast
![](https://filescdn.proginn.com/e8cd195b40fb26c31efe38e9b4f6d024/5be66576438225e98faff5608bd63bc8.webp)
CleanShot X
iShot: https://apps.apple.com/app/id1485844094?mt=12
Loom
![](https://filescdn.proginn.com/4cd35a826b91426e63ef8979f5746f7e/e951d15f478bfc1fbc2149e6349107ca.webp)
OSlash
![](https://filescdn.proginn.com/4f6dc9586a3c348a6d6c0fd83d0ee456/7e13d784d3a56fe8dfe6eb17172added.webp)
Fig
![](https://filescdn.proginn.com/2cfec62aabf3f2ce3192a0aaf59ccd27/19550ca535a58a39e599d1de6a4c1726.webp)
开发工具
这里介绍一些每天都要用到的开发工具吧。
Balsamiq
![](https://filescdn.proginn.com/7228f5446f06b21134532106bae96521/615bcd19fae530bbf64859294841e5a2.webp)
VSCode + GitHub Copilot
![](https://filescdn.proginn.com/4d95fadf6569d0336f2a3d878789466c/363422e74519969bb93d37e80b309317.webp)
SourceTree
![](https://filescdn.proginn.com/3e60e7eb1bf20aabcfd83b962937eebe/7850d3f569f73f5a20da0e34cd465865.webp)
其他推荐:
编辑器插件 GitHub Desktop Tower Fork Sublime Merge Git Karken
Paw
![](https://filescdn.proginn.com/cc356d1ce04b78b6880d1908defb0935/e6f6e0898613f554400335ab5162914f.webp)
代替品:
Postman Hoppscotch
TablePlus
![](https://filescdn.proginn.com/7e4abc929191f4d89df306b037c55b37/e64ed67af52f1a2b0501a7a536f494f5.webp)
代替品:
Arctype Beekeeper Studio
Responsively App
![](https://filescdn.proginn.com/6f15ac7698d93de28aa95c949d88e748/5516fed7e7d3aa03a3161f3d07fc901d.webp)
GitHub 以及辅助工具
Neat
![](https://filescdn.proginn.com/0234193c55bb0bbc0d4bb8754747b1b0/b211c81d7b0021bad9ea0d8832220ba7.webp)
一款 GitHub 通知管理工具,一般是 PR、Issue、code review 通知,它的作用体现在将消息推送给你,让你关注到正在进行的协作关系,比如产生了一个 code review,会通知到你有一个 CR 需要处理。
DevHub
![](https://filescdn.proginn.com/43d4848c0a89d808b72a784ce3c96da1/3b6a2c105bd8b0d67fc17ca27ca06265.webp)
GitHub Desktop
![](https://filescdn.proginn.com/34492234be195e38f10a84b44823cb71/6676d7ffc6f1bdfcf26bb0561ad0c1c5.webp)
SourceGraph
![](https://filescdn.proginn.com/e37cc186ebd81d717c3014c0047c3566/94f59a2939712caad7847a61cf5f2375.webp)
Graphite
![](https://filescdn.proginn.com/d577928be8955b88b63b81140b4aa79a/ec55908f251c065056891268baaa5ce7.webp)
专注于增强 GitHub 项目 code review 功能的应用,在这里可以观察到 code review 的各个阶段以及状态:
是否轮到你 review 是否需要你的关注 你的 PR 该谁 review
同步上游仓库
- Git 命令
$> git fetch upstream main # 获取上游仓库 main 分支
$> git merge upstream/main # 尝试自动合并上游仓库 main 分支
$> git push # 推送到远端
当然也可以编写一个 alias
alias fmp="git fetch upstream main && git merge upstream/main && git push"
- GitHub Actions
GitHub Actions 同样也可以实现上述需求,比如:https://github.com/wei/pull
![](https://filescdn.proginn.com/220332b1333c084358d545be53f2ac3e/f0acec8476006f60f0855fd948cd4039.webp)
环境部署
Render
![](https://filescdn.proginn.com/cda010a3a4b53393d0f50a50e46158be/e6b22201ca92111e792ec276141e1a36.webp)
Ghost
![](https://filescdn.proginn.com/2b2e38fc41fafdc480a0e3d2554cd5dc/c0d7627c55f274bce728118dffd49da4.webp)
Ghost
SEO 与站点维护
你一定也希望你创造维护的站点有人来访问吧,所以做好站点 SEO 是必要的
站点统计
![](https://filescdn.proginn.com/37144840417818e61afa6ef86d1ad6f8/04256fa5d784029a25283c8c356a2400.webp)
代替品:
https://umami.is/ - 开源免费
客户沟通
![](https://filescdn.proginn.com/991b9935e9e58e514440092a6a2318b8/c1451cde90ef60b68a6d14d476e297ac.webp)
代替品:
https://www.chatwoot.com/ - 开源免费
网站监控
![](https://filescdn.proginn.com/dac5c7c27e634e6595bbb083e158131f/aad1a6f0c6c5897df772007306d62058.webp)
一个清单
![](https://filescdn.proginn.com/239f4b49c962e5c431fb6f0184ab7f27/1f8a30eedd6edc3a0a6dd79c34b1482f.webp)