软件使用教程(二):VS Code的Copilot、Git设置与使用

软件使用教程(二):VS Code的Copilot、Git设置与使用

文章目录


前言

在追求效率的编程世界里,两款强大的工具正在改变我们的开发方式:Git 让我们能从容管理代码的每一次变化,而 GitHub Copilot 则以其AI智能为我们提供编码建议,甚至自动补全整段代码。

但对于许多开发者,尤其是初学者来说,如何正确配置和高效使用它们,仍是一个挑战。本文将聚焦于 Visual Studio Code,手把手带你完成从Git环境配置到Commit、Push的完整工作流,以及从安装登录到实战应用Copilot的全过程。无论你是想告别命令行焦虑,还是希望拥有一个AI编程伙伴,这篇教程都将为你提供清晰的指引,让你的开发效率获得立竿见影的提升。


一、Copilot设置

1. Copilot的作用

VS Code 中的 Copilot 是一个由 GitHub 和 OpenAI 提供的 AI 编程助手,它的核心作用是通过理解你编写的代码上下文和注释,自动为你生成、补全和建议代码片段。它能显著提升编码效率,帮助你快速完成重复性任务、探索新的 API 用法、甚至学习新的编程语言,就像一位时刻在线的结对编程伙伴。

2. Copilot设置步骤

  • 登陆GitHub

第一次打开VS Code会进入如下欢迎界面,单击“设置copilot”会弹出提示,点击 Continue with GitHub:

Copilot设置


或者在 VSCode 扩展商店搜索 “GitHub Copilot”,点击安装;安装后,右下角通常会弹出提示,点击 Continue with GitHub :

登陆GitHub

接下来按指引完成浏览器授权:

授权GitHub


登录后,单击左下角头像,如果出现 GitHub账号,表示已登陆成功:

登陆成功
  • Chat about your code(关于你的代码的聊天)(Ctrl + Alt + I)
Ask


这个功能允许用户向Copilot提出编程问题或寻求代码帮助。

  • Make changes using natural language(使用自然语言进行更改)(Ctrl + Shift + I)
Edit


该功能允许用户选择他们想要编辑的文件,并描述他们想要进行的更改。Copilot 会直接将这些更改应用到用户的文件中。

  • AI-suggested code completions(AI建议的代码补全)
补全


当你在编辑器中键入字符的时候,代码会自动补全(比在Cursor中好用)

  • Use natural language in your files(在文件中使用自然语言)(Ctrl + I)
自然语言


有时,直接在文件中描述你想要编写的代码会更容易。将光标放置在你想要的位置,或者选择一段文本。使用键盘快捷键 Ctrl + I 打开“Inline Chat”(内联聊天)。通过这种方法,你可以直接在文件中向Copilot描述你的需求,Copilot会根据你的描述提供代码建议。

  • Look out for smart actions(注意智能操作):
智能操作


AI增强编码体验:Copilot通过AI驱动的智能操作来增强你的编码体验,这些智能操作遍布整个VS Code界面。
图标提示:使用两颗星图标,如:在“源代码控制视图”(Source Control view)中,点击该图标,Copilot会根据代码更改自动生成提交信息(commit messages)和拉取请求(PR)描述。
发现技巧和窍门:点击“Discover Tips and Tricks”(发现技巧和窍门)按钮,可以获取更多关于如何使用Copilot的技巧和窍门。

二、Git集成设置

VS Code 自带了开箱即用的 Git 集成,你只需要进行一些简单的初始设置就能高效工作。

1. 初始设置

  • 安装 Git
    最重要的一步:VS Code 的集成依赖于你系统上安装的 Git。如果尚未安装,请先前往 Git 官网下载并安装:Git安装教程
    安装时,建议保持默认选项,尤其注意将 “Git from the command line and also from 3rd-party software” 这一项勾选上,这会将 Git 添加到系统环境变量,让 VS Code 能够找到它。
  • 配置用户信息(首次必须)
    打开系统命令行(CMD、PowerShell 或 Terminal)。
    输入以下命令来设置你的用户名和邮箱,这将会用于你每一次的提交记录(Commit):
git config --global user.name "Your Name"git config --global user.email "[email protected]"

这个信息通常与你使用的 Git 托管平台(如 GitHub, GitLab)的账户邮箱一致。

  • 在 VS Code 中验证
    a)打开 VS Code。
    b)打开一个文件夹(项目)。
    c)点击左侧活动栏的 源代码管理图标(或按 Ctrl+Shift+G)。
    d)如果系统已正确安装 Git,VS Code 会自动检测到并初始化。

好的,我们来详细讲解一下 VS Code 强大且便捷的 Git 集成功能。即使你不太熟悉 Git 命令,也能通过图形化界面轻松完成大部分版本控制操作。

2. 核心功能与日常使用

VS Code 的 Git 界面主要分为以下几个部分:

区域功能说明操作指引
变更 (Changes)显示所有已修改但未暂存(Staged)的文件。右键文件可以选择暂存更改(相当于 git add)、放弃更改打开文件进行比较。
暂存的更改 (Staged Changes)显示已暂存、准备提交的文件。右键文件可以取消暂存(相当于 git reset)。
··· (更多操作)提交、推送、拉取等核心操作菜单。点击后可以看到所有常用命令,如提交 (Commit)拉取 (Pull)推送 (Push)分支 (Branch) 等。
消息输入框用于输入提交信息(Commit Message)。写好描述性的提交信息后,按 Ctrl+Enter (Windows/Linux) 或 Cmd+Enter (Mac) 即可提交。点击旁边的√图标也可提交。
状态栏左下角快速显示当前分支和同步状态。点击分支名可以快速进行创建新分支切换分支拉取推送等操作。非常方便!

基本工作流程:

  1. 修改代码。
  2. 在“源代码管理”视图中,看到文件出现在“变更”区域。
  3. 点击文件旁的 +号 或右键选择 “暂存更改”,将文件放入“暂存的更改”。
  4. 在上方的输入框填写提交信息
  5. 点击 或按 Ctrl+Enter提交
  6. 点击 ··· 菜单,选择 “推送”(Push)将本地提交推送到远程仓库。

总结

工欲善其事,必先利其器。通过本文,我们成功地将 VS Code 打造成了集智能协作与版本控制于一身的强大平台。Git集成让你无需离开编辑器,就能流畅地完成代码提交、分支管理和冲突解决,让版本控制从一项繁琐任务变为无缝的内化习惯。而 GitHub Copilot 的引入,则是为你配备了一位不知疲倦的编程助手,它不仅能帮你补全代码、提供灵感,更能让你从重复劳动中解放出来,专注于更具创造性的架构与设计。

Read more

百度天气:空气质量WebGIS可视化的创新实践 —— 以湖南省为例

百度天气:空气质量WebGIS可视化的创新实践 —— 以湖南省为例

目录 前言 一、空气质量展示需求 1、满城火辣味周末 2、空气质量状况 二、WebGIS展示百度天气 1、关于空气质量等级 2、数据查询实现 3、Leaflet集成百度空气质量 三、成果展示 1、整体展示 2、中、重污染地区 3、低、优质地区 4、污染严重前10区县 5、质量优前10区县 四、总结 前言         在当今数字化时代,地理信息系统(GIS)技术与网络技术的深度融合,催生了 WebGIS 这一强大的信息展示与分析平台。它能够将复杂的空间数据以直观、交互的方式呈现给用户,极大地提高了信息的可理解性和可用性。空气质量作为与人们生活息息相关的重要环境指标,其数据的可视化呈现对于公众健康、环境管理和决策支持都具有极为重要的意义。基于百度天气开展空气质量 WebGIS 可视化实践,正是这一领域创新探索的生动体现。

By Ne0inhk
继续实践OpenClaw,好不容易把web 管理面板调通,再给它配上一个大模型

继续实践OpenClaw,好不容易把web 管理面板调通,再给它配上一个大模型

OpenClaw小龙虾是github 获得星标最多的项目,OpenClaw之所以能在GitHub上获得极高的关注度,主要原因在于它提供了一个功能强大、易于扩展的AI助手开发平台。把整个操作系统,打造成AI! OpenClaw官网:OpenClaw — Personal AI Assistant 以前的安装记录:https://skywalk.blog.ZEEKLOG.net/article/details/157554991 本来感觉OpenClaw安装是挺简单的,没想到巨坑,有一台机器装好后没有web管理面板.....所以本来很简短的文档,写成了巨幅文档。 安装OpenClaw 先在192.168.1.12安装,但是它没有systemd服务,导致OpenClaw的服务无法自动启动。需要手工执行openclaw gateway命令启动。 后在192.168.1.19安装。但是装好后没有web管理面板,反复删除重装也没有,最后是安装的openclaw-cn ,才解决了问题。参见这个文档:https://skywalk.blog.ZEEKLOG.net/article/

By Ne0inhk

前端数据库 IndexedDB 详解:构建强大的离线Web应用

前端数据库 IndexedDB 详解:构建强大的离线Web应用 * 引言:为什么需要前端数据库? * IndexedDB核心概念解析 * 1. 数据库(Database) * 2. 对象存储(Object Store) * 3. 索引(Index) * 4. 事务(Transaction) * 5. 游标(Cursor) * 完整代码示例:实现一个联系人管理器 * 1. 初始化数据库 * 2. 添加联系人 * 3. 查询联系人 * 通过ID查询 * 通过索引查询 * 4. 更新联系人 * 5. 删除联系人 * 6. 高级查询:使用游标和范围 * IndexedDB最佳实践 * IndexedDB的浏览器支持情况 * 使用第三方库简化开发 * 常见应用场景 * 总结 引言:为什么需要前端数据库? 在现代Web开发中,我们经常需要处理大量结构化数据。传统的localStorage和sessionStorage虽然简单易用,

By Ne0inhk
Spring Boot Web 后端开发注解核心

Spring Boot Web 后端开发注解核心

在 Spring Boot Web 后端开发中,注解(Annotation)是核心,它们极大简化了配置、依赖管理、请求映射、数据持久化等。本文将按照功能分类,详细列出常用注解的作用、使用方式、典型场景,并附带简明代码示例,帮助你全面掌握并灵活运用。 文章目录 * 1. 核心启动与配置注解 * 2. 控制器与请求映射注解 * 3. 依赖注入与组件注册注解 * 4. 数据访问(JPA / Spring Data)注解 * 5. 事务管理注解 * 6. 缓存注解 * 7. 异步与定时任务注解 * 8. 异常处理与控制器增强 * 9. 跨域支持注解 * 10. 条件化配置注解(自动配置相关) * 11. 测试注解 * 12. Lombok 常用注解(简化代码)

By Ne0inhk