QT6开发高性能企业视频会议-8 利用VSCode+Copilot AI开发

Github Copilot是Github和OpenAI推出的AI编程辅助工具，之前版本的Github Copilot只有简朴的代码自动补全，根据注释生成一些代码等辅助功能。
近期Copilot有了一次大的升级，加入了Agent模式，可以实现自然语言对话讨论和最紧张的，根据指定的上下文直接按指令生成或者修改项目代码，做到了雷同Cursor的体验，而且基础版是免费利用的。
付费版Copilot可以指定更多的AI模子，包括最新的Claude 3.7等，而且能利用无限次的token。
本文简朴先容怎样在Visual Studio Code中集成和利用Github Copilot，以下步调都需要科学上网。
在Visual Studio Code中集成Copilot插件

首先需要登录Github账号并启用Github Copilot。
Sign in to GitHub · GitHub

然后我们需要为Visual Studio Code安装Github Copilot插件

安装完成后，左侧工具栏会出现Copilot Chat的图标。

利用Chat模式

在Chat模式中，Copilot会自动把当前正在编辑的代码文件代入Chat上下文，我们也可以右键点击某个项目中的文件，在Copilot菜单中把它加入Chat上下文。同时Copilot还支持上传图片，选中代码片断甚至某个GIt Change作为上下文。
之后我们和Copilot的对话中Copilot会自动关联这些上下文的内容做出回应。

这里是一个通过笔墨描述生成一个QML窗口的例子:

1. import QtQuick 2.15
2. import QtQuick.Controls 2.15
4. ApplicationWindow {
5.     visible: true
6.     width: 400
7.     height: 300
8.     title: "User Login"
10.     Column {
11.         anchors.centerIn: parent
12.         spacing: 20
14.         Text {
15.             text: "Login"
16.             font.pixelSize: 24
17.             horizontalAlignment: Text.AlignHCenter
18.             anchors.horizontalCenter: parent.horizontalCenter
19.         }
21.         TextField {
22.             id: usernameField
23.             placeholderText: "Username"
24.             width: parent.width * 0.8
25.             anchors.horizontalCenter: parent.horizontalCenter
26.         }
28.         TextField {
29.             id: passwordField
30.             placeholderText: "Password"
31.             echoMode: TextInput.Password
32.             width: parent.width * 0.8
33.             anchors.horizontalCenter: parent.horizontalCenter
34.         }
36.         Button {
37.             text: "Login"
38.             width: parent.width * 0.8
39.             anchors.horizontalCenter: parent.horizontalCenter
40.             onClicked: {
41.                 // Handle login logic here
42.                 console.log("Username: " + usernameField.text)
43.                 console.log("Password: " + passwordField.text)
44.             }
45.         }
46.     }
47. }

复制代码

生成之后可以让Copilot帮忙修改

1. import QtQuick 2.15
2. import QtQuick.Controls 2.15
4. ApplicationWindow {
5.     visible: true
6.     width: 800
7.     height: 400
8.     title: "User Login"
10.     Row {
11.         anchors.centerIn: parent
12.         spacing: 20
14.         Image {
15.             source: "qrc:/images/left_image.png" // Replace with the path to your image
16.             width: 300
17.             height: 300
18.             fillMode: Image.PreserveAspectFit
19.         }
21.         Column {
22.             spacing: 20
23.             width: 300
25.             Text {
26.                 text: "Login"
27.                 font.pixelSize: 24
28.                 horizontalAlignment: Text.AlignHCenter
29.                 anchors.horizontalCenter: parent.horizontalCenter
30.             }
32.             TextField {
33.                 id: usernameField
34.                 placeholderText: "Username"
35.                 width: parent.width
36.                 anchors.horizontalCenter: parent.horizontalCenter
37.             }
39.             TextField {
40.                 id: passwordField
41.                 placeholderText: "Password"
42.                 echoMode: TextInput.Password
43.                 width: parent.width
44.                 anchors.horizontalCenter: parent.horizontalCenter
45.             }
47.             Button {
48.                 text: "Login"
49.                 width: parent.width
50.                 anchors.horizontalCenter: parent.horizontalCenter
51.                 onClicked: {
52.                     // Handle login logic here
53.                     console.log("Username: " + usernameField.text)
54.                     console.log("Password: " + passwordField.text)
55.                 }
56.             }
57.         }
58.     }
59. }

复制代码

Chat模式除了可以用自然语言进行交换，还可以利用一些关联到Visual Studio Code的预制指令，具体可以在Chat窗口中输入/查看

利用Edit模式

假如希望Copilot直接帮我们修改项目中的文件，可以利用Copilot的编辑模式。
在编写代码时，按下Ctrl+Shift+I，右侧会弹出Edit窗口，利用方式和Chat根本一样，不同的地方是Edit模式会直接把结果更改到你的代码文件中，在保存修改之前会弹出Diff窗口让我们确认Accept或者Discard。

神旗视讯 -- 开源高性能的音视频体系
开源地址: https://gitee.com/sqmeeting


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。