前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >今日推荐:learnGitBranching

今日推荐:learnGitBranching

作者头像
仇诺伊
发布2020-04-26 11:23:54
4850
发布2020-04-26 11:23:54
举报
文章被收录于专栏:佳爷的后花媛佳爷的后花媛

今日推荐

git 肯定不陌生吧!

今天要推荐的就是可视化的git。有助于了解git的工作原理,清晰明了!LearnGitBranching是一个git仓库可视化工具,沙箱,以及一系列教育教程和挑战。其主要目的是帮助开发人员通过可视化功能(在命令行上工作时缺少的功能)理解git。这是通过具有不同级别的游戏来熟悉不同的git命令来实现的。

废话不多说,上地址:

https://github.com/pcottle/learnGitBranching

LearnGitBranching是一个非常简单的应用程序(从技术角度而言)。没有后端数据库或任何AJAX请求-这是一个用JavaScript编写的100%客户端应用程序。生产版本(在github.io上)实际上只是用一些JS和CSS提供HTML页面。

由于该应用程序包含许多代码,因此作者已将所有内容都编写为Nodejs样式的模块。这些模块与Browserify打包在一起,然后以浏览器可以理解的格式发送出去。

截至2013年12月,作者已将构建过程迁移为使用Grunt> 0.4,因为较旧的版本使很多人感到头痛。现在应该是坚如磐石!

这是构建的高级过程:

代码被写入到需要其他模块的node.js模块中

CSS只写到一个样式表中(没有很多样式)

新的HTML被写入模板HTML文件(template.index.html)。只需要新视图

该应用程序是“内置的”,输出:

根目录中的index.html

./build目录中的CSS和JS文件

如果该应用程序是为生产而构建的,那么这些CSS和JS文件将被散列(以清除缓存)并运行测试而已!

因此,如果在本地构建应用程序,则运行该应用程序所需要做的只是在存储库的根目录中打开index.html。

来源:GitHub(侵删) 图片:网络(侵删)

DESIGNED BY ZOE · 2020

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-04-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 佳爷的后花媛 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档