首页

VS Code 入门指南

你想要编写代码,但记事本或文本编辑器功能有限。你需要一个能帮助你更快编码的工具——具有语法高亮、自动完成和内置工具。VS Code 就像一个智能的代码笔记本——它能理解你正在编写的内容并在过程中提供帮助。Visual Studio Code 是免费的,可在任何操作系统上运行,并被数百万开发者使用。

核心概念

准备工作

步骤 1:下载并安装 VS Code

你会看到一个欢迎标签页,其中包含入门选项。

步骤 2:界面导览

VS Code 有五个主要区域:

点击 Explorer 图标(活动栏顶部)可查看文件浏览器。

步骤 3:打开文件夹并浏览

Explorer 侧边栏现在显示你文件夹中的文件:

步骤 4:创建 Markdown 文件

# My Project

This is a **demo project** for learning VS Code.

## Features
- Easy to edit
- Markdown formatting
- Live preview

## Next Steps
1. Add more content
2. Try other file types
3. Explore extensions

Markdown 是一种简单的文本格式,使用 # 表示标题、** 表示粗体、- 表示列表等符号。它广泛用于文档编写以及与 ChatGPT 和 Claude 等 LLM 的交互。

步骤 5:安装 Markdown Preview Extension

步骤 6:预览 Markdown 文件

预览面板会打开,显示格式化后的 Markdown——在左侧编辑,在右侧实时查看更改!

步骤 7:使用集成终端

列出文件:

ls

(在 Windows 命令提示符中,使用 dir)

打印当前工作目录:

pwd

(在 Windows 命令提示符中,使用 cd)

创建新文件夹:

mkdir notes

查看 Explorer——notes 文件夹出现了!终端在你的项目文件夹中运行,因此命令会直接影响你的项目。

步骤 8:在 VS Code 中使用 AI Agent(可选)

VS Code 包含 GitHub Copilot Chat,这是一个可以解释、编写和调试代码的 AI 助手。

GitHub Copilot 会分析你的文件并解释其功能。你可以要求它编写新代码、修复错误,或回答诸如”如何添加更多功能?”之类的问题。

提示: 对于内联编辑,在任何文件中高亮显示代码并按 Ctrl+I(Windows/Linux)或 Cmd+I(Mac),要求 Copilot 仅修改、修复或解释该部分。

如何重新打开项目

故障排除

完整工作流程

  1. 在 VS Code 中打开文件夹
  2. 创建/编辑文件
  3. 使用 extensions 进行预览
  4. 使用 terminal 执行命令
  5. 使用 AI 理解和改进代码
  6. 保存并重复

下一步

由 Steven Ge 创建于 2025 年 12 月 7 日。