在 Visual Studio Code 中编辑代码

在本 Visual Studio Code 教程中，我们介绍了如何编辑和运行一小段代码，包括下面列出的功能。查看本概述后，请继续阅读相关资源部分以了解更多功能。

以下是我们推荐的下一个视频：生产力提示

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

视频大纲

• 打开文件夹。
  • 文件 > 打开文件夹 (Ctrl+K Ctrl+O)
• 使用文件资源管理器查看文件夹的文件和子文件夹。
  • 视图 > 资源管理器 (⇧⌘E (Windows、Linux Ctrl+Shift+E))
• 安装 Node.js 运行时以执行 JavaScript 代码。
  • 请在 https://node.org.cn 查找适用于你平台的 Node.js。
• 检查你的 Node.js 安装。
  • 在终端或命令提示符中，键入 node --version
• 创建新文件。
  • 文件 > 新建文件 (⌘N (Windows、Linux Ctrl+N))
• 创建一个名为 app.js 的简单“Hello world”控制台应用程序。
• IntelliSense 会在你键入时提供建议。
• 自动格式化源代码。
  • 格式化文档命令 (⇧⌥F (Windows Shift+Alt+F、Linux Ctrl+Shift+I))
• 开启自动保存。
  • 文件 > 自动保存
• 显示集成终端。
  • 视图 > 终端 (⌃` (Windows、Linux Ctrl+`))
• 拆分终端。
  • 拆分终端 (⌘\ (Windows、Linux Ctrl+Shift+5))
• 创建新终端。
  • 创建新终端 (⌃⇧` (Windows、Linux Ctrl+Shift+`))
• 运行应用程序。
  • 在集成终端中，键入 node app.js

下一个视频

• 生产力提示 - 通过这些生产力提示成为 VS Code 高级用户。
• 入门视频 - 查看所有视频列表。

相关资源

• 基本编辑 - 了解功能强大的 VS Code 编辑器。
• 代码导航 - 快速浏览您的源代码。
• Emmet 片段 - 使用 Emmet 片段。
• 任务 - 创建任务以在 VS Code 内部使用外部工具。
• JavaScript Linter - 为 JavaScript 安装 Linter。
• 代码折叠 - 查看源代码折叠的详细信息。
• 提示和技巧 - 有关 VS Code 的实用提示和技巧。