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.pswp.cn/news/274466.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274466.shtml
英文地址,請注明出處:http://en.pswp.cn/news/274466.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

android的消息處理機制(圖+源碼分析)——Looper,Handler,Message

http://www.cnblogs.com/codingmyworld/archive/2011/09/12/2174255.html 還有相關的如下鏈接需要仔細check: http://mindtherobot.com/blog/159/android-guts-intro-to-loopers-and-handlers/ http://www.cnblogs.com/keyindex/articles/1822463.html轉載于:https:…

案例研究設計與方法-羅伯_旭進口重新設計-用戶體驗案例研究

案例研究設計與方法-羅伯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 (…

linux下使用cmake構建C/C++項目

cmake下載安裝: 下載地址: http://www.cmake.org/cmake/resources/software.html wget http://www.cmake.org/files/v2.8/cmake-2.8.10.2.tar.gz tar zxvf cmake-2.8.10.2.tar.gz cd cmake-2.8.10.2 ./configure gmake (不知道是不是必須的,提示要這么干…

用 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日,獎品豐厚。我是前…

ASP.NET repeater添加序號列的方法

ASP.NET repeater添加序號列的方法 1、<itemtemplate> <tr><td> <%# Container.ItemIndex 1%> </td></tr> </itemtemplate> 2、<itemtemplate> <tr><td> <%# this.rpResult.Items.Count 1%> </td>&…

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以下)

大家好&#xff0c;我是若川。我持續組織了近一年的源碼共讀活動&#xff0c;感興趣的可以 點此掃碼加我微信 lxchuan12 參與&#xff0c;每周大家一起學習200行左右的源碼&#xff0c;共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含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迄今為止最令人興奮的消息了任天堂明星大亂斗最終宣布的是&#xff0c; 每一個字符會被返回到游戲中…

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

《Two Dozen Short Lessons in Haskell》&#xff08;Copyright © 1995, 1996, 1997 by Rex Page&#xff0c;有人翻譯為Haskell二十四學時教程&#xff0c;該書如果不用于贏利&#xff0c;可以任意發布&#xff0c;但需要保留他們的copyright&#xff09;這本書是學習 Ha…

我和掘金合作的源碼共讀小冊報名快1000人了~

眾所周知&#xff0c;我和掘金合作出了源碼共讀第一期。我是前端領讀員。現在報名快1000人了~獎品豐厚。也有一些小伙伴已經寫了好幾期筆記了~但相對1000人寫的還是太少。什么&#xff1f;你不知道&#xff1f;那也很正常&#xff0c;畢竟我的公眾號常讀人數比較少。大部分人都…

【短語學習】盈余量分析(earned value analysis)

作者&#xff1a;gnuhpc 出處&#xff1a;http://www.cnblogs.com/gnuhpc/ 各種形式的盈余量分析是衡量執行時最常用的方法。它把范圍、成本和進度等度量標準結合在一起以幫助項目管理小組評估項目執行。對每項活動而言&#xff0c;盈余量分析包括計算三個主要數值&#xff1a;…

配音劇本_網絡的各個階段:劇本如何傳達更好的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升級

大家好&#xff0c;我是若川。我持續組織了近一年的源碼共讀活動&#xff0c;感興趣的可以 點此掃碼加我微信 lxchuan12 參與&#xff0c;每周大家一起學習200行左右的源碼&#xff0c;共同進步。同時極力推薦訂閱我寫的《學習源碼整體架構系列》 包含20余篇源碼文章。歷史面試…