> 技术文档 > VS Code 源代码管理(Git)的代码示例和操作流程,帮助你更好地理解如何管理代码_vscode 源代码管理

VS Code 源代码管理(Git)的代码示例和操作流程,帮助你更好地理解如何管理代码_vscode 源代码管理


1. 初始化 Git 仓库

在项目根目录打开终端,运行以下命令:

bash复制

git init

VS Code 会检测到 Git 仓库,并在左侧边栏显示源代码管理图标。

2. 添加和提交代码

假设你有一个简单的 Python 文件 hello_world.py

Python复制

# hello_world.pydef greet(name): return f\"Hello, {name}!\"print(greet(\"World\"))
步骤:
  1. 查看更改

    • 在 VS Code 的源代码管理面板中,你会看到 hello_world.py 显示为未跟踪文件(Untracked)。

    • 点击文件名,查看 diff(差异)。

  2. 暂存文件

    • 点击文件旁边的 + 图标,将文件暂存到暂存区。

  3. 提交更改

    • 在输入框中输入提交信息,例如 Initial commit

    • 点击提交按钮(或按 Ctrl+Enter)。

3. 修改代码并提交

修改 hello_world.py,添加一个新函数:

Python复制

# hello_world.pydef greet(name): return f\"Hello, {name}!\"def farewell(name): return f\"Goodbye, {name}!\"print(greet(\"World\"))print(farewell(\"World\"))
步骤:
  1. 查看更改

    • 在源代码管理面板中,hello_world.py 显示为已修改文件(Modified)。

    • 点击文件名,查看 diff,你会看到新增的 farewell 函数。

  2. 暂存并提交

    • 点击 + 暂存文件。

    • 输入提交信息,例如 Add farewell function

    • 提交更改。

4. 创建分支

步骤:
  1. 创建分支

    • 在源代码管理面板顶部,点击当前分支名称(如 main)。

    • 选择 新建分支,输入分支名称(如 feature/new-function)。

  2. 切换到新分支

    • 在分支列表中选择 feature/new-function

  3. 添加新功能

    • 修改 hello_world.py,添加一个新函数:

      Python复制

      # hello_world.pydef greet(name): return f\"Hello, {name}!\"def farewell(name): return f\"Goodbye, {name}!\"def welcome(name): return f\"Welcome, {name}!\"print(greet(\"World\"))print(farewell(\"World\"))print(welcome(\"World\"))
  4. 提交更改

    • 暂存文件并提交,提交信息为 Add welcome function

5. 合并分支

当你完成功能开发后,可以将分支合并到主分支。

步骤:
  1. 切换到主分支

    • 在源代码管理面板顶部,点击分支名称,选择 main

  2. 拉取最新代码(如果有远程仓库):

    • 点击 拉取图标 或运行 git pull

  3. 合并分支

    • 在终端中运行:

      bash复制

      git merge feature/new-function
  4. 解决冲突(如果有)

    • 如果合并时出现冲突,VS Code 会提示冲突文件。

    • 打开冲突文件,手动解决冲突后暂存并提交。

6. 推送代码到远程仓库

如果你有一个远程仓库(如 GitHub),可以将代码推送到远程。

步骤:
  1. 添加远程仓库(如果尚未添加):

    bash复制

    git remote add origin 
  2. 推送代码

    • 在源代码管理面板顶部,点击 推送图标

    • 或在终端中运行:

      bash复制

      git push -u origin main

7. 忽略文件

创建 .gitignore 文件,忽略不需要跟踪的文件:

bash复制

# .gitignore__pycache__/*.log*.env

8. 查看历史记录

在 VS Code 中查看提交历史:

  1. 在源代码管理面板中,点击 更多操作(三个点)。

  2. 选择 查看历史记录

  3. 你会看到所有提交记录,点击某个提交可以查看详细信息。

9. 撤销更改

如果你想撤销某次提交:

  1. 在源代码管理面板中,右键点击文件。

  2. 选择 撤销更改撤销所有更改

10. VS Code 源代码管理快捷键

以下是一些常用的快捷键:

  • Ctrl+Shift+G:打开源代码管理面板。

  • Ctrl+Enter:提交更改。

  • Ctrl+Shift+P:打开命令面板,输入 Git 命令(如 Git: Pull)。

  • Alt+0:折叠所有更改。

  • Alt+O:展开所有更改。

  • 按 Ctrl+Shift+P 打开命令面板,输入以下命令:

  • Git: Clone:克隆远程仓库。

  • Git: Pull:拉取远程更新。

  • Git: Stash:暂存当前修改。

  • Git: Create Tag:创建 Git 标签

通过这些示例和操作,你可以更高效地使用 VS Code 进行源代码管理。如果需要更复杂的操作,可以结合 Git 命令行工具一起使用。