🐺

VSCodeからGitHub Enterprise(GHE)のリンクをコピーする

2022/10/18に公開

VS Code

ghe

tech

はじめに

VSCodeで開発中、「ここのコード、先輩に見てもらいたいな・・・」と、コードの特定の行をGitHub Enterprise(GHE)のリンクで共有したいと思った時、下記の Before のような面倒な工程を踏んでいませんか？
この記事を読むと、 After のように工程を短縮できます！

Before

アクティブウィンドウをVSCodeからブラウザに切り替える
GHEを開く
ファイル検索をする
共有したい行を右クリックする
「リンクをコピーする」を押す

After

VSCodeで共有したい行を右クリックする
「リンクをコピーする」を押す

前提

ここで使っているVSCodeの言語は英語なので、日本語を使用している場合は適宜読み替えてください。

必要な拡張機能を入れる

以下２つの拡張機能を入れてください。

GitHub Pull Requests and Issues ※
- https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github
GitLens
- https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

10/18 14:19追記

※ GitHub Pull Requests and Issues はGHEのリンクをコピーするには必須では無いですが、GHEだけでなくGitHubでも同様にURLをコピーできるようになるので、入れておくと便利です！

GHEに対応させる

上記の拡張機能を入れても、そのままではGHEのリンクを開くことはできません。
設定を追加してGHEに対応させましょう。

VSCodeの設定を開くために、Command + , を押します。(Windowsの場合は Ctrl + ,)
上のテキストボックスに gitlens.remotes と入力し、下記の設定を見つけます。
Edit in settings.json を押します。
settings.jsonが開かれるので、以下のコードを追加します。***にはGHEのセカンドレベルドメインを入力してください。

"gitlens.remotes": [
        { "domain": "git.***.com", "type": "GitHub" }
]

settings.jsonの編集内容を保存します。

使い方

コードの共有したい行のところで右クリックを押します。
Copy As を押します。
Copy Remote File Url を押します。
クリップボードにリンクがコピーされています。

複数行を範囲選択した状態で同様の操作を行うと、複数行をハイライトした状態のリンクをコピーすることができます。