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窗口的例子:

复制代码
import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300
    title: "User Login"

    Column {
        anchors.centerIn: parent
        spacing: 20

        Text {
            text: "Login"
            font.pixelSize: 24
            horizontalAlignment: Text.AlignHCenter
            anchors.horizontalCenter: parent.horizontalCenter
        }

        TextField {
            id: usernameField
            placeholderText: "Username"
            width: parent.width * 0.8
            anchors.horizontalCenter: parent.horizontalCenter
        }

        TextField {
            id: passwordField
            placeholderText: "Password"
            echoMode: TextInput.Password
            width: parent.width * 0.8
            anchors.horizontalCenter: parent.horizontalCenter
        }

        Button {
            text: "Login"
            width: parent.width * 0.8
            anchors.horizontalCenter: parent.horizontalCenter
            onClicked: {
                // Handle login logic here
                console.log("Username: " + usernameField.text)
                console.log("Password: " + passwordField.text)
            }
        }
    }
}

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

复制代码
import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 800
    height: 400
    title: "User Login"

    Row {
        anchors.centerIn: parent
        spacing: 20

        Image {
            source: "qrc:/images/left_image.png" // Replace with the path to your image
            width: 300
            height: 300
            fillMode: Image.PreserveAspectFit
        }

        Column {
            spacing: 20
            width: 300

            Text {
                text: "Login"
                font.pixelSize: 24
                horizontalAlignment: Text.AlignHCenter
                anchors.horizontalCenter: parent.horizontalCenter
            }

            TextField {
                id: usernameField
                placeholderText: "Username"
                width: parent.width
                anchors.horizontalCenter: parent.horizontalCenter
            }

            TextField {
                id: passwordField
                placeholderText: "Password"
                echoMode: TextInput.Password
                width: parent.width
                anchors.horizontalCenter: parent.horizontalCenter
            }

            Button {
                text: "Login"
                width: parent.width
                anchors.horizontalCenter: parent.horizontalCenter
                onClicked: {
                    // Handle login logic here
                    console.log("Username: " + usernameField.text)
                    console.log("Password: " + passwordField.text)
                }
            }
        }
    }
}

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

使用Edit模式

如果希望Copilot直接帮我们修改项目中的文件,可以使用Copilot的编辑模式。

在编写代码时,按下Ctrl+Shift+I,右侧会弹出Edit窗口,使用方式和Chat基本一样,不同的地方是Edit模式会直接把结果更改到你的代码文件中,在保存修改之前会弹出Diff窗口让我们确认Accept或者Discard。

神旗视讯 -- 开源高性能的音视频系统

开源地址: https://gitee.com/sqmeeting

相关推荐
算AI1 小时前
人工智能+牙科:临床应用中的几个问题
人工智能·算法
凯子坚持 c2 小时前
基于飞桨框架3.0本地DeepSeek-R1蒸馏版部署实战
人工智能·paddlepaddle
你觉得2052 小时前
哈尔滨工业大学DeepSeek公开课:探索大模型原理、技术与应用从GPT到DeepSeek|附视频与讲义下载方法
大数据·人工智能·python·gpt·学习·机器学习·aigc
8K超高清3 小时前
中国8K摄像机:科技赋能文化传承新图景
大数据·人工智能·科技·物联网·智能硬件
rainFFrain3 小时前
单例模式与线程安全
linux·运维·服务器·vscode·单例模式
hyshhhh3 小时前
【算法岗面试题】深度学习中如何防止过拟合?
网络·人工智能·深度学习·神经网络·算法·计算机视觉
薛定谔的猫-菜鸟程序员3 小时前
零基础玩转深度神经网络大模型:从Hello World到AI炼金术-详解版(含:Conda 全面使用指南)
人工智能·神经网络·dnn
币之互联万物3 小时前
2025 AI智能数字农业研讨会在苏州启幕,科技助农与数据兴业成焦点
人工智能·科技
云卓SKYDROID3 小时前
科技赋能消防:无人机“挂弹灭火“构筑森林防火墙!
人工智能·科技·无人机·科普·云卓科技
gaoshengdainzi4 小时前
镜片防雾性能测试仪在自动驾驶与无人机领域的创新应用
人工智能·自动驾驶·无人机·镜片防雾性能测试仪