How to separate changed files from untracked files in vscode?

在 Visual Studio Code（VSCode）中管理和区分已更改文件与未跟踪文件是一个很常见的需求，特别是在使用 Git 进行版本控制时。以下是详细的步骤和方法，可以帮助您有效地区分这两类文件：

1. 使用VSCode的源代码管理面板

VSCode 集成了非常强大的源代码管理工具，通常是通过 Git 来实现的。您可以通过以下步骤来查看已更改的文件和未跟踪的文件：

1. 打开源代码管理面板：

   • 您可以在侧边栏中找到一个分叉图标，这是源代码管理面板的标志。点击它，或者使用快捷键 Ctrl+Shift+G（在 Mac 上是 Cmd+Shift+G）。

2. 查看变更列表：

   • 在打开的源代码管理面板中，您会看到一个分为多个部分的列表。通常，这些部分包括 Changes（已更改文件）和 Untracked（未跟踪文件）。这两类文件会被清晰地分开显示。

3. 管理文件状态：

   • 对于未跟踪的文件，您可以通过右键点击文件并选择 Stage Changes 来追踪它们，或者选择 Discard Changes 来忽略。
   • 对于已更改的文件，同样可以通过右键点击来选择提交或撤销更改。

2. 使用Git命令行工具

如果您更喜欢使用命令行，VSCode 的终端也提供了很好的支持。您可以直接在 VSCode 的集成终端中运行 Git 命令来管理文件状态：

1. 打开终端：

   • 使用 Ctrl+``（在 Mac 上是 Cmd+``）快捷键或从视图菜单中选择终端。

2. 查看未跟踪和已更改的文件：

   • 运行 git status 命令。这将列出所有未跟踪文件和已修改文件，未跟踪的文件通常在 "Untracked files" 部分列出，而已修改的文件在 "Changes not staged for commit" 部分。

3. 分别处理这些文件：

   • 使用 git add <文件名> 将未跟踪的文件添加到暂存区。
   • 使用 git checkout -- <文件名> 撤销已更改的文件的更改。

实际例子

假设我在一个项目中修改了 index.html 并添加了一个新文件 style.css，但没有追踪这个新文件。

• 在源代码管理面板中，index.html 将出现在 Changes 下，而 style.css 出现在 Untracked 下。
• 使用 git status 在终端中，我会看到 index.html 在 "Changes not staged for commit"，而 style.css 在 "Untracked files"。

这样的工具和方法帮助我保持代码库的组织性，并有效地处理文件的不同状态。