在 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 编辑器。
- 代码导航 - 快速浏览您的源代码。
- Emmet 代码片段 - 使用 Emmet 代码片段。
- 任务 - 创建任务以在 VS Code 中使用外部工具。
- JavaScript 代码检查器 - 为 JavaScript 安装代码检查器。
- 代码折叠 - 查看源代码折叠的详细信息。
- 提示和技巧 - 有关 VS Code 的有用提示和技巧。