GitHub 这8大超实用小技巧,99.9%的人都不知道!

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外:目前建有江西|湖南|湖北籍前端群,可加我微信进群。

前言

作为一名开发者,我想你一定喜欢逛gayhub,而其中的一些隐藏功能,你可能还不知道哦!用起来实在是太爽了。

请往下看,你一定会有所收获...

1. 使用“T”键快速查找文件

这个功能实在太赞了,但却只有少部分人知道。当你想看一个文件的内容时,按下“T”键,搜索文件名,竟然能直接跳转到目标文件。

操作步骤

  1. 打开https://github.com/lodash/lodash

  2. 按下“T”键

  3. 输入add,test.js(任何你想查找的文件)

  4. 点击跳转查看内容

c5c41a14050e17b351e0390b66da2855.png

2. 3种方式使用“VSCode”编辑器查看代码

虽然使用“T”键可以快速搜索文件,但当咱想查看整个项目代码时,它就显得有点效率低下了。

一起来看看三种在线查看代码的方法,就像在你的VSCode编辑器中一样。

第三种是我最喜欢的方式,我相信你会喜欢的。

2.1 使用"."按键

  1. 打开https://github.com/vuejs/vue

  2. 按下"."键

  3. 接着你会被重定向到 https://github.dev/vuejs/vue

  4. 是不是很爽,和本地vscode一模一样

bbb9d7313b9c956c15e28469286d0c30.png

2.2 使用"github1s.com"

仅仅需要将“github”更改为“github1s”,咱们就可以达到与方法1相同的效果!

  1. 打开 https://github.com/vuejs/vue

  2. 将url修改为https://github1s.com/vuejs/vue

  3. 神奇不...

a08402e48be9a1a06d0cd6863470bd2f.png

2.3 使用 “gitpod.com/#xxx”

第三种更牛逼了,你甚至可以在线运行js,只需要在gitpod.com/#后添加项目地址就可以达到效果。

  1. 打开https://github.com/qianlongo/fe-handwriting

  2. 在地址栏最前面添加gitpod.com/#

  3. 完美...

ad8215ed20a06de5cfe2e3e1888715d0.png

3. 链接到单行代码

有时我们希望希望通过一个地址就链接到特定的代码行。如下图所示

4d1ae4ec46637bfa40b48c44f072e5e8.png

这种效果应该怎么实现呢?

  1. 打开 https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js

  2. 单击左侧的行号

  3. 复制链接即可(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8)

a747568aa7c816caee640c417be929a1.png


相信你一定注意到了链接后的“L8”。是的,咱们可以通过修改“L”+行号链接到所需的代码。

4. 链接到多行代码

既然我们可以链接到一行代码,那可以链接到多行吗?当然可以了!!!

  1. 打开https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js

  2. 按住“shift”键并单击左侧的行号

  3. 复制链接(https://github.com/qianlongo/fe-handwriting/blob/master/17.quick-sort.js#L8-L24)

81b118f0aa96aceb8f4551574e2e49c0.png


5. 跳转到定义函数的位置

如何快速跳转到定义函数的位置?推荐一个chrome插件,名字是sourcegraph。

安装插件后,将鼠标放在使用该功能的位置时,会出现一个按钮。单击就可以跳转到定义它的位置。

9525e030674831b28a12803f37d34f4d.png

b1b027d13c9693055db8bd8519def52c.png‍‍‍‍

6. 查看快捷键列表

github提供了许多快捷键来帮助我们阅读代码,但记住它们真不是一件简单的事,咱们可以使用“Shift”+“?”显示快捷方式列表。

f97ca56a659bdc0eb1beb859df72da57.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274466.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

案例研究设计与方法-罗伯_旭进口重新设计-用户体验案例研究

案例研究设计与方法-罗伯Asahi Imports is a Japanese grocery store located in central Austin, Texas. It has a passionate following, over fifty years’ history, and strong business growth. But its website is showing its age, and not hitting its full potential…

Taro v3.6 代号为「Reach」,已发布 canary 版本

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 lxchuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

axure rp 创建弹框_如何在Axure RP 9中创建交换机

axure rp 创建弹框Axure is a well-known prototyping tool with a lot of history, it has been around for years. You can create almost any kind of prototypes from simple ones to more complex ones with variables and logic without writing a single line of code (…

用 Vue3 手撕了个企业级项目,真香!

最近几年,随着短视频、小程序、直播带货的火爆,前端开发工程师越来越热门,薪资待遇也快接近后端开发工程师了,前端领域进化为内卷重灾区。然而伴随着 Vue 3.0 的发布,前端技术也迎来了一次大革新,像是字节跳…

界面设计语言_使用任何语言设计界面的提示

界面设计语言Designing for international audiences is challenging. I spent most of my career in Australia designing exclusively in English. Australian English is ‘unique’ in the sense that we are really into slang, puns, idioms.为国际观众设计是具有挑战性的…

托管代码和非托管代码

托管代码和非托管代码有什么区别呢?从字面上理解,只是一个是被托管的,另一个是没有被托管的。但是,被托管的托管代码是被谁管着呢?让我们先来看看它们的定义。 托管代码:由公共语言运行库环境(而…

如何实现前端新手引导功能?

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 lxchuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

hp-ux锁定用户密码_UX设计101:提出正确的问题-规划和促进用户访谈

hp-ux锁定用户密码这是什么? (What is this?) This session is part of a learning curriculum that I designed to incrementally skill up and empower a team of Designers and Researchers whose skillset and ways of working needed to evolve to keep up wi…

我与掘金合作出了源码共读第一期,首发超400人报名,快来参与~

大家好,我是若川。最近有不少新朋友关注我。对我不是很了解的,或许可以读我的2021年度总结。诚邀各位新老读者朋友参加源码共读活动。同时我和掘金合作,共同出了源码共读第一期,11月25日——12月25日,奖品丰厚。我是前…

mac基本操作技巧_6个基本设计技巧

mac基本操作技巧“In everything you do, refine your skills and knowledge about fundamental concepts and simple cases. Once is never enough. As you revisit fundamentals, you will find new insights. It may appear that returning to basics is a step backward an…

如何突破技术瓶颈(适合P6以下)

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 lxchuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

stack smash_扶手椅VGUX:Super Smash Bros.Ultimate

stack smashEasily far the most exciting news out of Super Smash Bros. Ultimate’s announcement was that every single character would be returning to the game.asily迄今为止最令人兴奋的消息了任天堂明星大乱斗最终宣布的是, 每一个字符会被返回到游戏中…

《Two Dozen Short Lessons in Haskell》学习(十)- Private Definitions — the where-clause

《Two Dozen Short Lessons in Haskell》(Copyright © 1995, 1996, 1997 by Rex Page,有人翻译为Haskell二十四学时教程,该书如果不用于赢利,可以任意发布,但需要保留他们的copyright)这本书是学习 Ha…

我和掘金合作的源码共读小册报名快1000人了~

众所周知,我和掘金合作出了源码共读第一期。我是前端领读员。现在报名快1000人了~奖品丰厚。也有一些小伙伴已经写了好几期笔记了~但相对1000人写的还是太少。什么?你不知道?那也很正常,毕竟我的公众号常读人数比较少。大部分人都…

【短语学习】盈余量分析(earned value analysis)

作者:gnuhpc 出处:http://www.cnblogs.com/gnuhpc/ 各种形式的盈余量分析是衡量执行时最常用的方法。它把范围、成本和进度等度量标准结合在一起以帮助项目管理小组评估项目执行。对每项活动而言,盈余量分析包括计算三个主要数值:…

配音剧本_网络的各个阶段:剧本如何传达更好的UX

配音剧本让我们将焦点放在使用剧本技巧提升显微镜上。 (Let’s put the spotlight on elevating microcopy with playwriting techniques.) “Anything you put in a play — any speech — has got to do one of two things: either define character or push the action of t…

极致编译速度,一文搞定webpack5升级

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 lxchuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

全库模式 用户模式 表模式_暗模式,亮模式和用户的故事

全库模式 用户模式 表模式I have been working on designing a UI for an app that has individuals over the age of 60 as its main audience. At some point, I found my design more appealing in dark mode. As a UX designer, I know that my opinions and preferences d…

Rollup 与 Webpack 的 Tree-shaking

大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 lxchuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试…

聚类与分类的主要区别在于:_经验在于细节:分析流服务的用户体验

聚类与分类的主要区别在于:看不见的差异 (The Invisible Difference) When app markets mature the overlap in features and designs grows closer as they catch up and copy each other. The more similar the apps are to one another, the more important the …