VSCodeでGithub Copilotを使いこなす完全ガイド

概要

この記事では、VSCodeでGithub Copilotを設定して使う方法から、Markdownでの活用、Chat toolの使い方まで網羅的に説明します。前提としてGithub Copilotのアカウントが必要です。

まずは、VSCodeに拡張機能をインストールします。 VSCode を開き、左メニューの四角形が4つあるアイコンをクリックし、検索用テキスト入力に「copilot」と入力します。「install」をクリックし、インストールを開始してください。

拡張機能

installをクリックし、installが完了すれば以下のような画面が表示されるので、「Sign in to GitHub」をクリックします。

Sing in to GitHubの画面

GitHubのアカウントへのアクセスを要求されるので「Allow」で許可します。

アクセス許可確認画面

「Authorize Visual Studio Code」をクリックし、許可します。

確認画面

これでGithub CopilotとVSCodeの連携が完了し、使えるようになりました。

基本的には、コードを書いていくだけで自動的に補完されるようになります。補完内容が提案されるので以下のショートカットを使いながらコードを書いていくと良いでしょう。

Github Copilotは、デフォルトではMarkdownファイルでの補完が無効になっています。ブログ執筆などでMarkdownを使う場合は、有効化しておくと便利です。

これでMarkdownファイルでもCopilotの補完が効くようになります。このブログもGithub Copilotで補完を行いながら書いており、かなり効率化できています。

Github Copilot Chatには「Chat tool」という機能があり、チャット内で様々なタスクを実行できます。

基本的には #<command> <args> の形式でコマンドを入力します。

コマンド	機能
`#codebase`	現在のワークスペースを全部検索する
`#selection`	現在のエディタで選択しているコードをコンテキストとしてプロンプトに追加する
`#terminal_selection`	現在のターミナルで選択している部分をコンテキストとしてプロンプトに追加する。エラーが出たときにターミナルの出力を参照するのに便利です。
`#fetch_webpage`	URLを指定してwebページからコンテンツを取得してコンテキストとしてプロンプトに追加する

他にも便利なコマンドがあるので、公式ドキュメントを参照してください。

VSCodeでGithub Copilotを設定して使う方法について説明しました。

Github Copilotはソースコードだけではなく文章にも補完を行ってくれます。ぜひ活用してみてください。