介绍视频

Linux 用户：确保为 Linux 发行版安装了正确的多媒体编解码器。例如，在 Ubuntu 上，您可能需要安装才能获得播放视频所需的编解码器。ubuntu-restricted-extras

• 开始设置并了解 Visual Studio Code 的基础知识。期间7分钟纪要
• 代码编辑了解如何在 VS Code 中编辑和运行代码。期间3分钟纪要
• 生产力提示通过这些工作效率提示成为 VS Code 高级用户。期间4分钟纪要
• 个性化个性化 VS Code，使其与主题相得益彰。期间2分钟纪要
• 扩展使用扩展向 VS Code 添加功能、主题等！期间4分钟纪要
• 调试开始在 VS Code 中调试。期间6分钟纪要
• 版本控制了解如何在 VS Code 中使用 Git 版本控制。期间3分钟纪要
• 自定义了解如何在 VS Code 中自定义设置和键盘快捷方式。期间6分钟纪要

故障 排除

https://code.visualstudio.com/docs/getstarted/introvideos

Visual Studio Code 入门

视频大纲

• 下载并安装 VS Code。
  • 从 https://code.visualstudio.com/download
• 打开文件夹 - 文件>打开文件夹 （Ctrl+K Ctrl+O)
• 文件资源管理器 - 查看>资源管理器 （Ctrl+Shift+E)
• 搜索视图 - 查看>搜索 （Ctrl+Shift+F)
• 源代码管理 - 查看>源代码管理 （SCM） （Ctrl+Shift+G)
• 运行和调试 - 查看**>运行** （Ctrl+Shift+D)
• “扩展”视图 - 查看>扩展 （Ctrl+Shift+X)
• 打开命令面板。 - 查看>命令面板… （Ctrl+Shift+P)
• 输出面板 - 查看>输出 （Ctrl+Shift+U)
• 调试控制台 - 查看**>调试控制台** （Ctrl+Shift+Y)
• “问题”面板 - 查看>问题 （Ctrl+Shift+M)
• 集成终端 - 查看**>终端** （Ctrl+’)
• 创建新文件 - 文件>新文件 （Ctrl+N)
• 保存文件 - 文件>保存 （Ctrl+S)
• 自动保存
  • 文件>自动保存
• 跑 - 运行>开始调试 （F5)
• 编程语言扩展 - Python - IntelliSense、linting、调试、代码格式设置、重构等。 - 实时预览 - 托管本地服务器以预览网页。
• 缩放 - 缩小 （Ctrl+- 组合键）) - 放大 （Ctrl+=)
• 使用颜色主题自定义您的编辑器。 - 文件>首选项 > 主题>颜色主题 （Ctrl+K Ctrl+T)

下一个视频

• Visual Studio Code 中的代码编辑 - 了解 VS Code 中的高级代码编辑功能。

在 Visual Studio Code 中编辑代码

Linux 用户：确保为 Linux 发行版安装了正确的多媒体编解码器。例如，在 Ubuntu 上，您可能需要安装才能获得播放视频所需的编解码器。ubuntu-restricted-extras

视频大纲

• 打开文件夹。 - 文件>打开文件夹 （Ctrl+K Ctrl+O)
• 使用文件资源管理器查看文件夹的文件和子文件夹。 - 查看>资源管理器 （Ctrl+Shift+E)
• 安装 Node.js 运行时以执行 JavaScript 代码。
  • 在 https://nodejs.org 上查找适合您平台的Node.js
• 检查您的Node.js安装。
  • 在终端或命令提示符下，键入node --version
• 创建新文件。 - 文件>新文件 （Ctrl+N)
• 创建一个名为 的简单“Hello world”控制台应用程序。app.js
• IntelliSense 会在键入时提供建议。
• 自动格式化源代码。 - “设置文档格式”命令 （Shift+Alt+F)
• 打开自动保存。
  • 文件>自动保存
• 显示集成终端。 - 查看**>终端** （Ctrl+’)
• 拆分终端。 - 拆分终端 （Ctrl+Shift+5)
• 创建新终端。 - 创建新终端 （Ctrl+Shift+’)
• 运行应用程序。
  • 在集成终端中，键入node app.js

下一个视频

• 生产力提示 - 通过这些生产力提示成为 VS Code 高级用户。
• 介绍性视频 - 查看整个视频列表。

相关资源

• 基本编辑 - 了解功能强大的 VS Code 编辑器。
• 代码导航 - 快速浏览源代码。
• Emmet 代码段 - 使用 Emmet 代码段。
• 任务 - 创建任务以在 VS Code 中使用外部工具。
• JavaScript Linters - 安装适用于 JavaScript 的 linters。
• 代码折叠 - 请参阅源代码折叠的详细信息。
• 提示和技巧 - VS Code 的有用提示和技巧。

生产力提示

Linux 用户：确保为 Linux 发行版安装了正确的多媒体编解码器。例如，在 Ubuntu 上，您可能需要安装才能获得播放视频所需的编解码器。ubuntu-restricted-extras

视频大纲

• 在命令面板中查找功能和键盘快捷键 - 查看>命令面板… （Ctrl+Shift+P)
• 快速打开最近打开的文件或按文件名搜索 - Ctrl+P 显示“快速打开”下拉列表
• 转到文件中的行
  • 类型filename:line number
• 转到文件中的符号
  • 类型filename@symbol name
• 查看“快速打开”选项
  • 类型 ？
• 快速打开多个文件 - 按向右箭头打开所选文件，但保留下拉列表可用
• 多光标选择 - Alt+单击 Windows 和 Linux，Option+单击 macOS 以添加新光标 - Ctrl+Alt+Up Ctrl+Alt+Down 在当前位置上方或下方添加新光标 - Ctrl+Shift+L 将光标添加到当前所选内容的所有匹配项
• 自动保存更改
  • 文件>自动保存
• 打开“设置”编辑器 - 文件>首选项>设置（Ctrl+，)
• 设置类型格式
  • 检查编辑器：类型格式
• 在粘贴时设置格式
  • 检查编辑器：粘贴格式
• IntelliSense 智能代码完成 - 使用 Ctrl+空格键触发 IntelliSense

下一个视频

• 个性化 Visual Studio Code - 了解如何使用主题根据你的工作风格个性化 VS Code。
• 介绍性视频 - 查看整个视频列表。

相关资源

• 技巧和窍门 - 了解更多生产力技巧和窍门。
• 代码编辑 - 了解 VS Code 编辑器的全部功能。
• IntelliSense - 智能代码完成和方法签名。

个性化 Visual Studio Code

Linux 用户：确保为 Linux 发行版安装了正确的多媒体编解码器。例如，在 Ubuntu 上，您可能需要安装才能获得播放视频所需的编解码器。ubuntu-restricted-extras

视频大纲

• 更改颜色主题。
• 从 VS Code 扩展市场安装新的颜色主题。
• 更改文件图标主题。

下一个视频

• Visual Studio Code 中的扩展 - 通过扩展向 VS Code 添加功能。
• 介绍性视频 - 查看整个视频列表。

相关资源

• 用户和工作区设置 - 配置用户和工作区设置。
• 键绑定 - 请参阅用于编辑、导航等的默认键盘快捷键（键绑定）。
• 代码段 - 创建您自己的自定义代码段。
• 主题 - 更改颜色主题以自定义 VS Code 的背景文本和语言语法着色。

本文档对您有帮助吗？

在 Visual Studio Code 中使用扩展

视频大纲

• 使用“扩展”视图查找要安装的扩展。
• 从 VS Code 扩展市场安装扩展。
• 通过“功能贡献”选项卡或命令面板 （Ctrl+Shift+P） 查看添加了哪些功能。
• 请参阅有关其他扩展的建议。

下一个视频

• 调试 - 了解如何调试应用程序，包括设置断点和检查变量。
• 介绍性视频 - 查看整个视频列表。

相关资源

• 扩展市场文档 - VS Code 扩展市场的官方文档。
• Marketplace - 在线浏览扩展。

在 Visual Studio Code 中调试

提示：若要Node.js使用此视频中演示的调试功能，需要先安装Node.js。要按照视频的 Python 部分进行操作，您需要安装 Python。

频大纲

• 调试“正常工作”。
• 运行示例Node.js应用。
• 使用配置文件。launch.json
• 单文件调试。
• 设置断点。

下一个视频

• 版本控制 - 了解 Git 版本控制的基础知识。
• 介绍性视频 - 查看整个视频列表。

相关资源

• 调试 - VS Code 调试的官方文档。
• 集成终端 - 使用 VS Code 中的集成终端。

VS Code 中的版本控制

频大纲

• 安装 Git
  • https://git-scm.com
• 打开文件夹 - 文件>打开文件夹 （Ctrl+K Ctrl+O)
• 源代码管理 - 查看>源代码管理 （SCM） （Ctrl+Shift+G)
• 初始化存储库 - main是默认分支
• 打开命令面板。 - 查看**>命令面板** （Ctrl+Shift+P)
• 重命名分支
  • Git：重命名分支
• 文件版本控制状态 - U - 未跟踪的文件 - A - 添加的文件 - M - 修改的文件
• 提交文件 - 提交☑️（复选标记）按钮
• 创建分支
  • Git：创建分支
• 差异编辑器 - “内联视图”按钮
• 阶段变化 - “舞台更改➕”按钮
• 切换分支 - 状态栏分支项（左下角）
• 合并分支
  • 视图和更多操作 （…）> 分支 > 合并分支
• 将分支发布到 GitHub
• 克隆存储库
  • Git：克隆 > 从 URL 克隆

下一个视频

• 自定义 - 使用设置和键盘快捷键自定义 VS Code。
• 介绍性视频 - 查看整个视频列表。

相关资源

• 源代码管理 - 详细了解集成 Git 支持。
• 使用 GitHub - 创建和管理 GitHub 问题和拉取请求。
• 设置概述 - 设置并开始使用 VS Code。

自定义 Visual Studio Code

视频大纲

• 在命令面板中查找键盘快捷方式
• 了解常用键盘快捷键
• 使用键盘快捷键编辑器更改键盘快捷键
• 使用 JSON 文件自定义键盘快捷键
• 了解键盘快捷键扩展
• 使用设置编辑器自定义设置
• 使用 JSON 文件自定义设置
• 配置特定于语言的设置

下一个视频

• 介绍性视频 - 查看整个视频列表。

相关资源

• Visual Studio Code 的键绑定 - 查看已定义的键盘快捷方式列表，并了解如何更新它们。
• 用户和工作区设置 - 了解如何自定义用户和工作区设置。