Git Graph extension for Visual Studio Code
View a Git Graph of your repository, and easily perform Git actions from the graph. Configurable to look the way you want!
Features
- Git Graph View:
- Display:
- Local & Remote Branches
- Local Refs: Heads, Tags & Remotes
- Uncommitted Changes
- Create, Checkout, Delete, Fetch, Merge, Pull, Push, Rebase, Rename & Reset Branches
- Add, Delete & Push Tags
- Checkout, Cherry Pick, Drop, Merge & Revert Commits
- Clean, Reset & Stash Uncommitted Changes
- Apply, Create Branch From, Drop & Pop Stashes
- View annotated tag details (name, email, date and message)
- Copy commit hashes, and branch, stash & tag names to the clipboard
- View the Visual Studio Code Diff of any file change by clicking on it.
- Open the current version of any file that was affected in the commit.
- Copy the path of any file that was affected in the commit to the clipboard.
- Click on any HTTP/HTTPS url in the commit body to open it in your default web browser.
- View the Visual Studio Code Diff of any file change between the selected commits by clicking on it.
- Open the current version of any file that was affected between the selected commits.
- Copy the path of any file that was affected between the selected commits to the clipboard.
- Code Review’s can be performed on any commit, or between any two commits (not on Uncommitted Changes).
- When a Code Review is started, all files needing to be reviewed are bolded. When you view the diff / open a file, it will then be un-bolded.
- Code Reviews persist across Visual Studio Code sessions. They are automatically closed after 90 days of inactivity.
- Whether the commit is included in the HEAD.
- Which branches, tags and stashes include the commit.
- Show All branches
- Select one or more branches to be viewed
- Select from a user predefined array of custom glob patterns (by setting git-graph.customBranchGlobPatterns )
- Allows you to view, add, edit, delete, fetch & prune remotes of the repository.
- Configure «Issue Linking» — Converts issue numbers in commit messages into hyperlinks, that open the issue in your issue tracking system.
- Configure «Pull Request Creation» — Automates the opening and pre-filling of a Pull Request form, directly from a branches context menu.
- Support for the publicly hosted Bitbucket, GitHub and GitLab Pull Request providers is built-in.
- Custom Pull Request providers can be configured using the Extension Setting git-graph.customPullRequestProviders (e.g. for use with privately hosted Pull Request providers). Information on how to configure custom providers is available here.
- CTRL/CMD + F : Open the Find Widget.
- CTRL/CMD + H : Scrolls the Git Graph View to be centered on the commit referenced by HEAD.
- CTRL/CMD + R : Refresh the Git Graph View.
- CTRL/CMD + S : Scrolls the Git Graph View to the first (or next) stash in the loaded commits.
- CTRL/CMD + SHIFT + S : Scrolls the Git Graph View to the last (or previous) stash in the loaded commits.
- When the Commit Details View is open on a commit:
- Up / Down : The Commit Details View will be opened on the commit directly above or below it on the Git Graph View.
- CTRL/CMD + Up / CTRL/CMD + Down : The Commit Details View will be opened on its child or parent commit on the same branch.
- If the Shift Key is also pressed (i.e. CTRL/CMD + SHIFT + Up / CTRL/CMD + SHIFT + Down ), when branches or merges are encountered the alternative branch is followed.
Extension Settings
Detailed information of all Git Graph settings is available here, including: descriptions, screenshots, default values and types.
A summary of the Git Graph extension settings are:
- Commit Details View:
- Auto Center: Automatically center the Commit Details View when it is opened.
- File View:
- File Tree:
- Compact Folders: Render the File Tree in the Commit Details View in a compacted form, such that folders with a single child folder are compressed into a single combined folder element.
- Format: Specifies the date format to be used in the «Date» column on the Git Graph View.
- Type: Specifies the date type to be displayed in the «Date» column on the Git Graph View, either the author or commit date.
- Colours: Specifies the colours used on the graph.
- Style: Specifies the style of the graph.
- Uncommitted Changes: Specifies how the Uncommitted Changes are displayed on the graph.
- Alignment: Specifies how branch and tag reference labels are aligned for each commit.
- Combine Local and Remote Branch Labels: Combine local and remote branch labels if they refer to the same branch, and are on the same commit.
- Commits:
- Fetch Avatars: Fetch avatars of commit authors and committers.
- Initial Load: Specifies the number of commits to initially load.
- Load More: Specifies the number of additional commits to load when the «Load More Commits» button is pressed, or more commits are automatically loaded.
- Load More Automatically: When the view has been scrolled to the bottom, automatically load more commits if they exist (instead of having to press the «Load More Commits» button).
- Mute:
- Commits that are not ancestors of HEAD: Display commits that aren’t ancestors of the checked-out branch / commit with a muted text color.
- Merge Commits: Display merge commits with a muted text color.
- Scroll To Head: Automatically scroll the Git Graph View to be centered on the commit referenced by HEAD.
- Show Checked Out Branch: Show the checked out branch when a repository is loaded in the Git Graph View.
- Show Specific Branches: Show specific branches when a repository is loaded in the Git Graph View.
- Commits: Enables commit signing with GPG or X.509.
- Tags: Enables tag signing with GPG or X.509.
This extension consumes the following settings:
Extension Commands
This extension contributes the following commands:
- git-graph.view : Git Graph: View Git Graph
- git-graph.addGitRepository : Git Graph: Add Git Repository. (used to add sub-repos to Git Graph)
- git-graph.clearAvatarCache : Git Graph: Clear Avatar Cache
- git-graph.endAllWorkspaceCodeReviews : Git Graph: End All Code Reviews in Workspace
- git-graph.endSpecificWorkspaceCodeReview : Git Graph: End a specific Code Review in Workspace. (used to end a specific Code Review without having to first open it in the Git Graph View)
- git-graph.fetch : Git Graph: Fetch from Remote(s) (used to open the Git Graph View and immediately run «Fetch from Remote(s)»)
- git-graph.removeGitRepository : Git Graph: Remove Git Repository. (used to remove repositories from Git Graph)
- git-graph.resumeWorkspaceCodeReview : Git Graph: Resume a specific Code Review in Workspace. (used to open the Git Graph View to a Code Review that is already in progress)
- git-graph.version : Git Graph: Get Version Information
Release Notes
Detailed Release Notes are available here.
Visual Studio Marketplace
This extension is available on the Visual Studio Marketplace for Visual Studio Code.
Acknowledgements
Thank you to all of the contributors that help with the development of Git Graph!
Some of the icons used in Git Graph are from the following sources, please support them for their excellent work!
Источник
Самые лучшие расширения VS Code для работы с Git
Перевод статьи «The best VS Code extensions to supercharge Git (yes, there’s more than GitLens!)».
Да, я знаю, что все мы должны быть крутыми спецами по пользованию терминалом, помнить все git-команды, чтоб от зубов отскакивало, и т. д. Но ведь можно просто пользоваться прекрасными расширениями VS Code, которые не только облегчают работу, но и расширяют доступный функционал Git!
1. Git Graph
Git Graph делает работу с Git в VS Code приятной чисто визуально. Вы видите древовидную структуру коммитов, а это помогает в осуществлении сложных операций.
Расширение хорошо настраивается: можно, например, определить стиль схемы и цвета веток.
Пользуясь Git Graph, вы можете просто кликнуть по любому коммиту и просмотреть его подробности и изменения в файлах. Вы даже можете проводить код-ревью, не покидая свою IDE!
Установок: 1,4 млн.
Суперсила: Пользовательский интерфейс, не уступающий GitKraken или SourceTree, но встроенный прямо в VS Code, что позволяет избежать смены контекста.
2. GitLive
Это расширение предназначено для командной работы. В VS Code появляется вкладка, где вы можете видеть ваших коллег, если они онлайн, просматривать, над какими проблемами и в каких ветках они работают, и даже видеть их «раскоммиченные» изменения. И все это обновляется в режиме реального времени.
Изменения, вносимые вашими коллегами, отражаются прямо внутри редактора. Вы можете сравнить их с вашими и выбрать (cherry-pick) нужные в свою копию файла при необходимости.
В качестве дополнительного бонуса это расширение позволяет делать видеозвонки и расшаривать экран в LiveShare. То есть вы можете сделать звонок прямо из VS Code и запустить LiveShare без копипаста ссылок.
Установок: 5500.
Суперсила: Вы получаете продвинутые предупреждения о потенциальных конфликтах слияния при помощи индикаторов изменений, внесенных коллегами.
3. Git Automator
Это расширение для ленивых разработчиков, особенно для тех, которые не любят тратить слишком много времени и сил на написание сообщений коммитов. На своем веку я повидал достаточно сообщений коммитов, чтобы понять, что таких ленивцев довольно много.
Git Automator позволяет добавлять файлы и делать коммиты при помощи сочетаний клавиш. Расширение также предоставляет автозаполнение для сообщений коммитов. Когда действие очевидно, например, удаление файла, Git Automator угадывает его и добавляет в сообщение коммита.
В Git Automator также можно настроить собственные сокращения клавиш и использовать их для автоматической генерации сообщений коммитов.
Установок: 50000.
Суперсила: Автозаполнение сообщений коммитов!
4. Git Urgent
Расширение из категории простых, но эффективных. Когда оно установлено, можно вбить «Git Urgent» в палитре команд VS Code, и одной командой сделать git add, commit и push.
Отлично подходит для быстрых правок в экстренных ситуациях!
Установок: 3500.
Суперсила: Внесение с стейджинг, коммит и пуш в одном действии.
5. Git Tree Compare
Git Tree Compare — это удобное расширение для сравнения вашего рабочего дерева с веткой, тегом или коммитом.
Древовидная структура папок в Source Tab (можно настроить, чтобы отображалось в Explorer Tab) быстро вводит вас в курс дела относительно файлов, с которыми вы работаете (очень удобно для крупных проектов!). Рядом с именами файлов отображаются значки, показывающие, был ли этот файл добавлен, удален или изменен.
Выбрав базу для сравнения, вы можете открыть или All Changes (все изменения), или Changed Files (измененные файлы, в том числе добавленные; сами изменения при этом не показываются).
Установок: 93000.
Суперсила: Подготовка пул-реквестов и предпросмотр слияний!
6. GitLens
Ну, не могли ж мы пропустить GitLens, правда? С учетом массовости установок GitLens превратился в фактически стандартное расширение VS Code для работы с Git. Вероятно, стоит начать сразу встраивать его в этот редактор (особенно если учесть, что автор расширения теперь вошел в основную команду разработки VS Code).
Установок: 10 миллионов.
Суперсила: Показывает аннотации к файлам внутри редактора, включая blame (видно коммит и автора каждой строчки), изменения (подсвечивает локальные изменения) и тепловую карту (видно, насколько давно менялись строки).
Итоги
Хотя Git крут, постоянно искать команды в Google и вводить их в Git может быть утомительным. Надеюсь, некоторые из этих расширений окажутся полезными для вас и помогут экономить время!
Источник
- File Tree:
- Display:
