Браузерные расширения для GitHub, которые увеличат продуктивность вашей работы
Сейчас GitHub — самый популярный среди разработчиков сервис для совместной разработки программного обеспечения и размещения исходников в «облаке». Его используют как независимые разработчики, у которых в портфолио 1-2 приложения, так и технологические гиганты, включая Microsoft, Google и Facebook, у которых тысячи проектов.
Собственно, рассказывать на Хабре о том, что такое GitHub, смысла нет; этот пост посвящен его браузерным расширениям, которые позволяют увеличить скорость и продуктивность работы. Вообще говоря, расширений этих очень много, поэтому мы выбрали те из них, которые используем в своей работе сами или которые порекомендовали коллеги.
Skillbox рекомендует: Образовательный онлайн-курс «Мобильный разработчик с нуля» [1].
Напоминаем: для всех читателей «Хабра» — скидка 10 000 рублей при записи на любой курс Skillbox по промокоду «Хабр».
Octotree [2]
Об этом расширении знают многие, но, к сожалению, не все. А оно выполняет важную функцию — позволяет просмотреть исходный код в виде дерева. Код выводится в левой части страницы.
Новая навигация гораздо удобнее стандартной, на скорость работы расширения тоже никто не жалуется. Особенно полезным Octotree будет, если вы изучаете масштабный проект с большим количеством вложенных директорий. Для получения метаданных используется GitHub API.
Поддерживаются и частные репозитории (инструкции по использованию — здесь [3]). Кроме того, поддерживается GitHub Enterprise.
Версии для Chrome [4], Firefox [5], Opera [6].
Awesome Autocomplete for GitHub [7]
Вводит функцию мгновенного поиска в поисковый блок GitHub. По словам разработчиков, работает с более чем 15 млн репозиториев (открытых). Расширение полезно, поскольку позволяет экономить время и быстро искать то, что нужно.
Версии для Firefox [8], Chrome [9], Safari [10].
Github Dashboard [11]
Дэшборд позволяет фильтровать события в панели активности github.com. Какие-то из них можно скрывать, какие-то — показывать. Все просто и очень эффективно.
Версия для Chrome [12], «ручная» загрузка [13].
Sourcegraph [14]
А это расширение помогает разобраться в различных участках кода, а также показывает другие примеры, похожие на указанный изначально. Работает, кстати, еще и с Phabricator. Если у вас много кода, это один из наиболее эффективных инструментов.
Версия для Chrome [15] и для Firefox [16].
Octolinker [17]
Обеспечивает быструю навигацию по коду благодаря превращению элементов кода (например, include, require или import) в кликабельные ссылки. Переход по такой ссылке позволяет найти первоисточник. В зависимости от языка программирования расширение показывает исходный файл или же переносит пользователя на внешний сайт (например, на страницу справки). Элементы, которые конвертируются в линк, отмечаются розовыми точками, чтобы сразу было видно, где есть интерактивная ссылка.
Версия для Chrome [18], Firefox [19], Opera [20].
Github repo size [21]
Удобный и простой плагин, отображающий как объем отдельного репозитория, так и индивидуальный размер файлов в нем.
Работает только с Chrome [22].
Refined Github [23]
Еще одно весьма полезное расширение, которое упрощает интерфейс Github и добавляет немало полезных функций: к примеру, отображает недавно опубликованные бранчи, позволяет по-новому работать с запросами и показывает аватары пользователей, которые отреагировали на коммент.
Версия для Chrome [24] и Firefox [25].
Github npm stats [26]
Собственно, здесь уже все понятно из названия — плагин показывает npm-статистику загрузок.
Версия для Chrome [27].
Кроме этих расширений, есть и другие, их довольно много [28]. Среди прочих можем порекомендовать:
- GitHub Isometric Contributions [29] — просчитывает вклад в проект различных разработчиков и визуализирует эту информацию в виде pixel-art графика;
- Github NPM Hub [30] — помогает изучать npm-зависимости в GitHub-репозиториях;
- GitHub Linker [31] — производит линковку зависимостей в пакете или bower-файле с GitHub-страницами этих элементов.
В целом, сам GitHub со временем улучшается и модернизируется, плюс сторонние разработчики добавляют дополнительные инструменты, которые позволяют работать с сервисом быстрее и эффективнее. Такую возможность нельзя упускать, ведь времени всегда не хватает. Enjoy.
Skillbox рекомендует:
- Онлайн-курс «Python-разработчик с нуля» [32].
- Практический годовой курс «PHP-разработчик с нуля до PRO» [33].
- Образовательный онлайн-курс «Профессия Java-разработчик» [34].
Автор: skillbox
Источник [35]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/programmirovanie/292430
Ссылки в тексте:
[1] «Мобильный разработчик с нуля»: https://skillbox.ru/mobile/?utm_source=skillbox.media&utm_medium=habr.com&utm_campaign=MOBDEV&utm_content=digest&utm_term=browserextforgithub
[2] Octotree: https://github.com/buunguyen/octotree
[3] инструкции по использованию — здесь: https://github.com/buunguyen/octotree#access-token
[4] Chrome: https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc
[5] Firefox: https://addons.mozilla.org/en-US/firefox/addon/octotree/
[6] Opera: https://addons.opera.com/en/extensions/details/octotree/
[7] Awesome Autocomplete for GitHub: https://github.algolia.com/
[8] Firefox: https://addons.mozilla.org/en-US/firefox/addon/github-awesome-autocomplete/
[9] Chrome: https://chrome.google.com/webstore/detail/github-awesome-autocomple/djkfdjpoelphhdclfjhnffmnlnoknfnd
[10] Safari: https://github.algolia.com/github-awesome-autocomplete.safariextz
[11] Github Dashboard: https://github.com/muan/github-dashboard
[12] Chrome: https://chrome.google.com/webstore/detail/pcnaddhmngnnpookfhhamkelhhakimdg
[13] «ручная» загрузка: https://github.com/muan/github-gmail#the-mu-an-might-steal-all-my-data-so-i-want-to-manually-load-it-way-for-chrome
[14] Sourcegraph: https://about.sourcegraph.com/
[15] Chrome: https://chrome.google.com/webstore/detail/sourcegraph/dgjhfomjieaadpoljlnidmbgkdffpack
[16] Firefox: https://addons.mozilla.org/en-US/firefox/addon/sourcegraph/
[17] Octolinker: https://github.com/OctoLinker/OctoLinker
[18] Chrome: https://chrome.google.com/webstore/detail/octolinker/jlmafbaeoofdegohdhinkhilhclaklkp
[19] Firefox: https://addons.mozilla.org/en-US/firefox/addon/octolinker/
[20] Opera: https://addons.opera.com/en/extensions/details/octolinker/
[21] Github repo size: https://github.com/harshjv/github-repo-size
[22] Chrome: https://chrome.google.com/webstore/detail/github-repository-size/apnjnioapinblneaedefcnopcjepgkci
[23] Refined Github: https://github.com/sindresorhus/refined-github
[24] Chrome: https://chrome.google.com/webstore/detail/refined-github/hlepfoohegkhhmjieoechaddaejaokhf
[25] Firefox: https://addons.mozilla.org/en-US/firefox/addon/refined-github-/
[26] Github npm stats: https://github.com/katranci/github-npm-stats
[27] Chrome: https://chrome.google.com/webstore/detail/github-npm-stats/oomfflokggoffaiagenekchfnpighcef
[28] довольно много: https://github.com/showcases/GitHub-browser-extensions
[29] GitHub Isometric Contributions: https://github.com/jasonlong/isometric-contributions
[30] Github NPM Hub: https://github.com/zeke/npm-hub
[31] GitHub Linker: https://github.com/octo-linker/chrome-extension
[32] «Python-разработчик с нуля»: https://skillbox.ru/python/?utm_source=skillbox.media&utm_medium=habr.com&utm_campaign=PTNDEV&utm_content=digest&utm_term=browserextforgithub
[33] «PHP-разработчик с нуля до PRO»: https://skillbox.ru/php/?utm_source=skillbox.media&utm_medium=habr.com&utm_campaign=PHPDEV&utm_content=digest&utm_term=browserextforgithub
[34] «Профессия Java-разработчик»: https://skillbox.ru/java/?utm_source=skillbox.media&utm_medium=habr.com&utm_campaign=JAVDEV&utm_content=digest&utm_term=browserextforgithub
[35] Источник: https://habr.com/post/423137/?utm_campaign=423137
Нажмите здесь для печати.