Qt Creator + github copilot 構成チュートリアル: AI プログラミングの新しい体験


序文

C++/Qt 開発者として、Qt Creator と github copilot を使用して素晴らしいコードを作成したいですか?
Github Copilot は人工知能に基づいたプログラミング アシスタントであり、コードとコメントに基づいて適切なコードの提案を自動的に提供し、プログラミング タスクを迅速に完了し、よりエレガントで効率的で安全なコードを作成できます。copilot は現在、VS Code、Atom、Sublime Text など、さまざまな一般的なエディターや IDE をサポートしています。
コパイロット プラグインは、Qt Creator バージョン 11 に統合されました。この記事では、Qt Creator を使用して Windows 環境でコパイロット プラグインを構成および使用し、新しい AI プログラミング エクスペリエンスを歓迎する方法を詳しく紹介します。
準備はできました、シートベルトを締めて、足の長い副操縦士に乗って、車を運転しましょう、ゴー!


1. 環境の紹介

github copilot の使用を開始する前に、次の環境を準備する必要があります。

システム: win10/11-x86_64
Qt バージョン: 5.12.12/6.5.1
Qt Creator: 11.0.1_10
nodejs バージョン: 14.18.2
これらの環境が必要なのは、github copilot プラグインの実行が nodejs に依存しており、現在 Qt Creator 11 がgithub copilot プラグインをサポートする唯一の Qt バージョン。これらの環境がインストールされていない場合、またはインストールされているバージョンが要件を満たしていない場合は、以下の手順に従ってインストールまたはアップデートしてください。
Linux を使用している友人も、このチュートリアルに従って設定できます。インストール パッケージとインストール パスを除いて操作は同じです。Linux でのより詳細な操作については、ビデオ チュートリアルをご覧ください: https://www.youtube.com/ watch?v=kQzpvHPeBQo

2.副操縦士の構成

1.nodejsをインストールする

nodejs は、Chrome V8 エンジンに基づく JavaScript 実行環境であり、JavaScript コードをローカルで実行できます。github copilot プラグインは、github copilot サーバーと対話するために、nodejs を使用してローカル サーバーを起動する必要があります。Nodejs 公式 Web サイトからインストール パッケージをダウンロードし、デフォルト設定に従ってインストールできます。
ダウンロード アドレス:
https://nodejs.org/en/download
ダウンロード バージョン:
Windows インストーラー (.msi) 64 ビットは、
ここに画像の説明を挿入します
ダウンロード完了後にデフォルトでインストールされます。手動でパスを選択しないでください。そうでない場合は、パスを構成する必要があります。手動で。
デフォルトのパス:

C:\Program Files\nodejs

2. ソースコードのダウンロード

github copilot プラグインを使用するには、github copilot のソース コードをダウンロードして設定する必要もあります。このソース コードは、github コパイロット サーバーと通信するためのインターフェイスを提供する vim プラグインです。ソース コードは、次の 2 つの方法のいずれかで取得できます。

方法 a: コードの複製

~/AppData/Local/nvim/pack/github/start/copilot.vim
$ git clone --depth=1 https://github.com/github/copilot.vim.git
$ mv copilot.vim copilot  #代码仓库目录改名

このようにして、GitHub Copilot のソース コードがローカルに複製され、名前が copilot に変更されます。

方法 b: ソース コード パッケージを直接ダウンロードする

https://github.com/github/copilot.vim/archive/refs/heads/release.zip

次に、抽出したフォルダーの名前を copilot に変更します。

3. パスの構成

无论使用哪种方法下载源码,都请确保文件放置在以下正确位置:

C:\Users\你的用户名\AppData\Local\nvim\pack\github\start\copilot.vim\copilot
├─.github
├─autoload
├─dist
│  └─agent.js
├─doc
├─lua
├─plugin
└─syntax

このうち、agent.js は JavaScript ファイルで、ローカル サーバーの起動と github コパイロット サーバーとの通信を担当します。ファイルがこの場所にない場合は、Qt Creator で github copilot プラグインの設定を手動で変更し、agent.js ファイルへのパスを指定する必要があります。

4.github コパイロットがアクティブ化されました

海を渡る八仙…
ここに画像の説明を挿入します

3.Qt Creatorをインストールする

1. インストールパッケージをダウンロードする

Qt Creator 11 スナップショットのダウンロード リンク:
https://download.qt.io/snapshots/qtcreator/11.0/11.0.1/10/

qt-creator公式サイトダウンロード

自分でコンパイルするか、最新バージョンをダウンロードする場合は、ウェアハウスのアドレス
https://github.com/qt-creator/qt-creator/にアクセスしてください。

2.インストールディレクトリ:

C:\Qt: tree -L 1
├── Qt5.12.12
├── Qt6.5.1-Windows-x86_64-MinGW12.2.0-ucrt
├── qtcreator-11.0.0-rc1 √
├── QtIFW-4.6.0

Qt Creator をインストールした後、インストールされた Qt バージョンのコンパイル済みビルド キットでいくつかの構成を実行する必要があります。

3. バージョン追加

「編集」→「設定」→「ビルドキット」→「Qt バージョン」で設定します。
ここに画像の説明を挿入します

4. コンパイラの追加

ここに画像の説明を挿入します

5.デバッグ追加

ここに画像の説明を挿入します

6. ビルドキットの追加

ここに画像の説明を挿入します

4. AIプログラミングを体験する

1. プラグインを有効にする

[ヘルプ] → [プラグインについて] → [ユーティリティ] → [Copilot] にチェックを入れ、✓ → [OK] を選択します。
ここに画像の説明を挿入します

2.アカウントログイン

再起動後、編集→設定→Copilot→githubにサインイン。
ここに画像の説明を挿入します

次に、プロンプトに従い、ブラウザーに確認コードを入力し、github copilot が github アカウントにアクセスすることを承認します。
ここに画像の説明を挿入します

3. ログインに成功しました

Qt Creatorに戻って確認し、ステータスバーに「サインアウトgithubユーザー名」が表示されればログイン成功です。
ここに画像の説明を挿入します

Qt Creatorに戻って確認し、「Sign out github username」と表示されればログイン成功です。

ここに画像の説明を挿入します

4. ショートカットキーの設定

ここに画像の説明を挿入します

github copilot プラグインを使いやすくするために、いくつかのショートカット キーを設定できます。「編集」-「環境設定」-「キーボード」を開き、検索ボックスに「copilot」と入力し、次のコマンドを見つけて、適切なショートカット キーをそれらに割り当てます。

ボタン 関数 述べる
Ctrl+E github copilotのスマートコード補完機能のオン/オフとコード候補を表示するかどうかを制御します 手動構成
Ctrl+Q Github copilot からコードの提案をリクエストする 手動構成
Ctrl+W 次の提案 手動構成
タブ すべてのアプリケーションの提案 デフォルト
Ctrl+右 一文ごとの応用アドバイス デフォルト
マウスオーバー 手動選択 デフォルト

配置快捷键时,注意快捷键冲突,搜索并删除冲突快捷键

5. 運転体験

上記の手順を完全に実行すれば、すべての準備は完了です。さあ、奇跡を目撃しましょう。
ここに画像の説明を挿入します


追記

この記事があなたにインスピレーションと助けをもたらすことを願っています。また、強力で柔軟なフレームワークである Qt を気に入っていただけることを願っています。Qt はオープンソースのコミュニティ主導のプロジェクトであり、その開発は世界中の何百万人もの Qt 開発者や愛好家の貢献とサポートから切り離すことができません。私は何も貢献していませんが、ここでアピールしたいと思います。Qt に興味がある場合、または Qt コミュニティに貢献したい場合は、次の方法で参加できます。

  • Qt 公式 Web サイト (https://www.qt.io/) および Qt 開発者ネットワーク (https://forum.qt.io/) に参加して、Qt の最新ニュース、チュートリアル、ドキュメント、事例、活動について学びましょう。 。
  • QtCreator (https://www.qt.io/download) をダウンロードしてインストールし、Qt プログラミングの旅を開始し、独自の Qt アプリケーションを作成して、Qt App Store (https://marketplace.qt.io/) で共有します。自身の仕事。
  • Qt オープンソース プロジェクト (https://code.qt.io/) に参加し、Qt の開発、テスト、ドキュメント、翻訳、設計などに参加し、Qt の改善と革新に貢献します。

手を振って「いいね!」、コメント、フォローしてください。ご質問やご提案がございましたら、コメント欄にメッセージを残してください。
読んでサポートしてくださった皆様、ありがとうございました!

おすすめ

転載: blog.csdn.net/weixin_45507142/article/details/131602800