在線VS Code閱讀源碼神器 github1s

大家好,我是若川。github1s大部分人知道了,但還是有一部分不知道。我在掘金發過沸點和知乎發過想法還是有挺多人不知道,所以再發公眾號推薦下。

點擊下方卡片關注我、加個星標
學習源碼整體架構系列、年度總結、JS基礎系列


近日,一款域名為 github1s 開源項目誕生了,正如他的名字所說,只要在 github 地址上面加上 1s,就能秒級用在線 VS Code 打開 github 項目,這可以說為開發者帶來了巨大的便利!!!

我們來看看這個項目打開后長什么樣子~

以大家廣為知道的 React 為例,只要將 github 替換成github1s

http://github.com/facebook/react

http://github1s.com/facebook/react

然后我們來談談這個項目的優缺點

優點

幾乎擁有和本地 VS Code 一樣的界面

在在線 VS Code 中打開,同樣的款式同樣的配方,這樣閱讀起來非常有親切感,這種親切感,可以更好地提高我們閱讀代碼的效率。

支持 VS Code 中的部分快捷鍵

能夠 command + 單擊 (window 應該是 ctrl + 單擊)自動跳轉到對應的函數。

支持 hover 后能夠推導類型

支持代碼收起和展開

這個功能對閱讀源碼非常有幫助,可以幫助我們收起一些不重要的函數,讓我們摸清代碼的主干。

支持代碼在線比較

選中兩個文件右鍵,就可以進行在線比較

一鍵下載單文件

對于 Github 站點上閱讀整體目錄不便的情況下,并且下載文件總是需要點擊 Raw 再下載源文件,可以說這個功能方便太多了。(當然你也可以下載一些其他的插件)

缺點

不能點擊文件跳轉至其他文件

目前的版本中是無法直接點擊引用文件自動打開其他文件

無法全局搜索

只有當我們打開了當前的文件,才會從當前打開的頁面中進行全局搜索,沒有打開的頁面沒辦法全局搜索,這樣對大型庫的源碼閱讀還是造成了一定的影響。

技術探索

在 api 層面看到主要還是走了 github 的開放接口,這樣有個問題就是我們國內用戶,訪問起來還是沒法達到1s那么快,但是我的網絡基本上3s初次渲染也完成了。

總結

帶來了一定的便利,比純用 github好用多了,也比 sourcegraph ?插件使用起來體驗更好!但是想要完全替代本地編輯器閱讀源碼,任然需要完善,例如上述說到的缺點。

綜上源碼閱讀體驗排名:

本地VS Code > Github1s > sourcegraph > Github站點

如果還有什么我沒有發現的優缺點,歡迎留言中指出~


最近組建了一個江西人的前端交流群,如果你也是江西人可以加我微信 ruochuan12 拉你進群。


·················?若川出品?·················

今日話題

昨天一個粉絲留言:每天興致勃勃的打開鏈接, 發現都是廣告, ....
然后取消了關注。我也挺理解TA的。關注的公眾號多了,幾乎每天都能看到廣告。
9個前端交流群,1個江西前端交流群,2000左右的群友,4000左右的前端好友,9642個關注,可能還需要一個月到達萬粉。但公眾號閱讀量也就只有500左右,也就是5%,我覺得不太正常。雖然平時會接一些廣告,但也是我篩選過的算優質的廣告,一般控制在一周不超過2次所以大家可以放心打開閱讀,如果是廣告不需要劃走即可。歡迎分享、收藏、點贊、在看我的公眾號文章~

一個愿景是幫助5年內前端人走向前列的公眾號

可加我個人微信?ruochuan12,長期交流學習

推薦閱讀

我在阿里招前端,我該怎么幫你?(現在還能加我進模擬面試群)

若川知乎問答:2年前端經驗,做的項目沒什么技術含量,怎么辦?

點擊方卡片關注我、加個星標
學習源碼整體架構系列、年度總結、JS基礎系列

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/275836.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275836.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275836.shtml

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

相關文章

lenze變頻器怎么更改地址_英威騰變頻器GD300維修

英威騰變頻器GD300維修英威騰變頻器GD300維修41. 問題:變頻器跟PLC采用485通訊不上答:1.檢查變頻器的通訊地址是否正確,如果采用通訊啟動,檢查P0.01是否為1,如果通過通訊設定頻率,檢查P0.068,P0…

代碼設計的基礎原則_設計原則:良好設計的基礎

代碼設計的基礎原則As designers, it’s our goal to pass information in the most pleasing way possible. Starting out, there’s a wealth of literature to read and videos to watch that can get quite overwhelming to take in at a glance. People take different ro…

SQL根據細粒度為天的查詢

當我們集成了一些前端框架,在某些展示頁面上往往具有某些查詢條件。而這其中日期查詢的處理又較為麻煩,此處,我羅列了一種當前臺上傳了一種默認的date格式的日期查詢數據至后臺未經Controller或Service層處理直接在SQL中處理的一種方式——即…

企業生產經營相關英文及縮寫之(11)--Genenic 普通書寫

Genenic 普通書寫 ASAP As soon as possible 盡早 BCC Blink Carbon Copy 無信頭抄送,無信頭副本 BR Best Regards 最誠致的問候 BTW By the way 順便問一下 CC Carbon Copy …

java金額類型_Java中存儲金額用什么數據類型?

很早之前, 記得一次面試, 面試官問存儲金錢用什么數據類型? 當時只知道8種數據類型(boolean, byte, short, int, long, float, double, char)的我, 回答了double, 因為我覺得double是雙精度類型, 最適合, 但是面試官告訴我應該用BigDecimal! 最近在做支付的項目, 才對這種數據…

信息技術與信息革命

信息資源管理學什么 圍繞 信息這份戰略資源,從信息資源的管理角度出發,以信息系統為主要研究對象, 研討了信息系統規劃,信息系統開發 信息系統的內容,信息系統安全以及信息資源管理中 涉及的法律法規 知識框架 信息技術…

React Hooks 不知道怎么學?看這篇

大家好,我是若川。最近跟朋友聊技術,發現越來越多的大廠,都優先考慮用 React 做項目,在面試中也經常會考察對 React Hooks 的理解。其實,我一直覺得,React 才是前端的正確打開方式。當然,并不是…

數字與企鵝的戰爭,看周紅衣的高明之處

本文非原創,轉自月光    360與QQ最近的一輪大戰已經接近尾聲,毫無疑問的是,360在這一輪對決中以勝利告終。這場戰爭持續了整整一個月零兩天,先后經歷了幾次小小的高潮,最終周鴻祎祭出絕招,秒殺群雄&#…

ui原型設計工具_UI設計師的工具包,用于專業模型,原型和產品插圖

ui原型設計工具This is a followup to my previous article 這是我上一篇文章的后續 visual tools for UX Designers視覺工具Tools don’t make designs better– you do! It doesn’t matter if you paid a lot of money for the latest software, or if you simply have a p…

java wsdl xfire_java調用wsdl xfire和cxf兩種方式

xfire 如下:String spID "";String password "";String accessCode "";String content "";String mobileString "";String url "";String operateName "Submit";Object[] object newObject…

請求與響應

HTTP 請求與響應 HTTP 請求的組成的四部分: 1 動詞 路徑 協議/版本2 Key1: value12 Key2: value22 Key3: value32 Content-Type: application/x-www-form-urlencoded2 Host: www.baidu.com2 User-Agent: curl/7.54.034 要上傳的數據 關于以上各部分內容的碎碎念&…

前端 Offer 提速:如何寫出有亮點的簡歷

大家好,我是若川。今天推薦一篇8年工作經驗字節大佬的文章,如何寫出有亮點的簡歷。可以收藏常看。點擊下方卡片關注我、加個星標。學習源碼整體架構系列、年度總結、JS基礎系列先來個靈魂拷問:「你與他人相比,有什么能形成明顯區分…

2008中的membership profile操作(轉)

<profile > <properties> <add name"jimmy" /> </< span>properties> </< span>profile> 然后就那么簡單,后臺就能通過Profile拿到: Profile.jimmy "Pumpkin Ravioli"; 然后~通過這種方式就跟Session一樣&a…

css網格_一個CSS網格可以全部統治

css網格The case for using one CSS grid for your entire website在整個網站上使用一個CSS網格的情況 CSS網格與Flexbox (CSS Grid vs Flexbox) In the dark ages, we used table, a few years ago we used float and before today most of us used flex . Of course, these …

java 高級泛型_Java 泛型高級

1、限制泛型可用類型在定義泛型類別時&#xff0c;預設可以使用任何的類型來實例化泛型中的類型&#xff0c;但是如果想要限制使用泛型的類別時&#xff0c;只能用某個特定類型或者其子類型才能實例化該類型時&#xff0c;使用extends關鍵字指定這個類型必須是繼承某個類&#…

做Web前端開發的你必須會這幾點!

1、Web開發分類與區別 人們通常將Web分為前端和后端&#xff0c;前端相關的職位有前端設計師(UI/UE)&#xff0c;前端開發工程師&#xff0c;后端相關的有后端開發工程師。 2、技術棧區別 看各大招聘網站上&#xff0c;公司對前端開發工程師的要求莫過于精通HTML&#xff0c;CS…

PDA開發系列:GPS模塊的調用

摘要在wince6.0中&#xff0c;要調用GPS模塊&#xff0c;其實是一件很容易的事情。 正文在wince6.0中&#xff0c;如果要調用GPS模塊&#xff0c;其實很簡單&#xff0c;微軟已經為我們做好了這一切&#xff0c;我們只需要在自己的解決方案中&#xff0c;添加對Microsoft.Windo…

2021 年最值得使用的 Node.js 框架

大家好&#xff0c;我是若川。今天推薦一篇譯文&#xff1a;2021年最值得使用nodejs框架&#xff0c;值得收藏&#xff0c;很快能看完。點擊下方卡片關注我、加個星標。學習源碼整體架構系列、年度總結、JS基礎系列Node.js 是最敏捷的服務端 web 應用平臺&#xff0c;因為它為應…

面試被拒絕如何爭取_爭取反饋

面試被拒絕如何爭取Let me start by saying that Dribbble is awesome. I’ve been a member of the Dribbble community for years. I swoon over the beautiful design I see throughout the site. Dribbble is among the most popular places to go for inspiration and whi…

highgui java opencv_java – OpenCV 3.0.0 JAR缺少HighGUI

我正在使用Java支持來編譯OpenCV 3.0.0。我的腳本是&#xff1a;mkdir /opt/opencv /opt/opencv/opencv-buildcd /opt/opencvgit clone https://github.com/Itseez/opencv.gitcd /opt/opencv/opencv-buildexport OPENCV_INSTALL_PATH/opt/opencvexport FFMPEG_PATH/opt/ffmpeg/…