粗略记录用 React+TypeScript+Firebase 实现一个用来统计 Gitlab Spent Time 的 Chrome Extension 的过程。
内容包括:
- 背景
- 功能介绍
- 如何使用
- 用 Webpack 配置多个 js 入口
- 使用 TypeScript
- 把它变成 Chrome Extension
- 使用 Firebase Auth 实现注册登录
- 使用 Firestore 存取数据
粗略记录用 React+TypeScript+Firebase 实现一个用来统计 Gitlab Spent Time 的 Chrome Extension 的过程。
内容包括:
|
troyerwangOct 8, 2018
1
不错哦,加油 O(∩_∩)O 哈哈~
|
|
HilongOct 8, 2018 via Android
2
star 一下,我其实对 react+typescript 比较感兴趣,回头研究一下你的配置
|
|
TabGreOct 8, 2018 via iPhone
3
回去也要学习下,同感兴趣 React 和 Ts
|
|
vHypnosOct 9, 2018
4
东西是好东西,mark 下。
最大的疑问是 如果自己不记得 做了多久 怎么办 |
|
5
@vHypnos , good question!
所以,我还写了一个插件 (早于上面这个插件,不然的话应该是可以集成到一个插件里的): https://github.com/baurine/gitlab-issue-time-tracker-ext  我现在的流程一般是这样的 1. 准备开始做一个 issue,点击插件的 "start" 按钮开始计时 1. 点击 "Create merge request" 自动创建分支及 Merge request 1. 在分支上修改代码,提交,等待 review 1. 点击插件的 "stop" 按钮停止计时 1. log 所用时间 |
|
6
@vHypnos , 不过偶尔我也还是会忘的,但也没什么,log 的时间不用很精确,有时你可以根据你创建分支的时间来计算。
|