现已发布!了解 11 月份的新功能和修复。

Visual Studio Code 入门

在本教程中,我们将引导你完成 Visual Studio Code 的设置,并概述基本功能。

这是我们推荐的下一个视频:Visual Studio Code 中的代码编辑

从列表中选择另一个视频:入门视频

视频大纲

  • 下载并安装 VS Code。
  • 打开文件夹
    • 文件 > 打开文件夹 (Ctrl+K Ctrl+O)
  • 文件资源管理器
    • 视图 > 资源管理器 (⇧⌘E (Windows,Linux Ctrl+Shift+E))
  • 搜索视图
    • 视图 > 搜索 (⇧⌘F (Windows,Linux Ctrl+Shift+F))
  • 源代码管理
    • 视图 > 源代码管理 (SCM) (⌃⇧G (Windows,Linux Ctrl+Shift+G))
  • 运行和调试
    • 视图 > 运行 (⇧⌘D (Windows,Linux Ctrl+Shift+D))
  • 扩展视图
    • 视图 > 扩展 (⇧⌘X (Windows,Linux Ctrl+Shift+X))
  • 打开命令面板。
    • 视图 > 命令面板... (⇧⌘P (Windows,Linux Ctrl+Shift+P))
  • 输出面板
    • 视图 > 输出 (⇧⌘U (Windows Ctrl+Shift+U,Linux Ctrl+K Ctrl+H))
  • 调试控制台
    • 视图 > 调试控制台 (⇧⌘Y (Windows,Linux Ctrl+Shift+Y))
  • 问题面板
    • 视图 > 问题 (⇧⌘M (Windows,Linux Ctrl+Shift+M))
  • 集成终端
    • 视图 > 终端 (⌃` (Windows,Linux Ctrl+`))
  • 创建新文件
    • 文件 > 新建文件 (⌘N (Windows,Linux Ctrl+N))
  • 保存文件
    • 文件 > 保存 (⌘S (Windows,Linux Ctrl+S))
  • 自动保存
    • 文件 > 自动保存
  • 运行
    • 运行 > 开始调试 (F5)
  • 编程语言扩展
    • Python - IntelliSense、代码检查、调试、代码格式化、重构等。
    • 实时预览 - 托管本地服务器以预览您的网页。
  • 缩放
    • 缩小 (⌘- (Windows,Linux Ctrl+-))
    • 放大 (⌘= (Windows,Linux Ctrl+=))
  • 使用颜色主题自定义编辑器。
    • 文件 > 首选项 > 主题 > 颜色主题 (⌘K ⌘T (Windows,Linux Ctrl+K Ctrl+T))

下一个视频

  • 用户界面 - 查看 VS Code 的文档。
  • 设置概述 - 获取 VS Code 启动和运行的文档,包括特定于平台的设置。
  • IntelliSense - VS Code 在您键入时会提供智能代码补全。