在 Visual Studio Code 中进行代码编辑
在本Visual Studio Code教程中,我们将介绍如何编辑和运行一小段代码,包括以下概述的功能。在查看此概述后,请继续阅读相关资源部分以查看更多功能。
Linux用户:确保您已为您的Linux发行版安装了正确的多媒体编解码器。例如,在Ubuntu上,您可能需要安装
ubuntu-restricted-extras
以获取播放视频所需的编解码器。
这是我们推荐的下一段视频:Productivity Tips
从列表中选择另一个视频:Introductory Videos
视频大纲
- 打开一个文件夹。
- 文件 > 打开文件夹 (Ctrl+K Ctrl+O)
- 使用文件资源管理器查看文件夹的文件和子文件夹。
- 查看 > 资源管理器 (⇧⌘E (Windows, Linux Ctrl+Shift+E))
- 安装Node.js运行时以执行JavaScript代码。
- 在https://nodejs.org上找到适合您平台的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
- 在集成终端中,输入
下一个视频
- Productivity Tips - 通过这些生产力技巧成为 VS Code 的高级用户。
- 介绍视频 - 查看完整的视频列表。
相关资源
- Basic Editing - 了解强大的VS Code编辑器。
- Code Navigation - 快速浏览您的源代码。
- Emmet Snippets - 使用Emmet代码片段。
- Tasks - 创建任务以在 VS Code 内部使用外部工具。
- JavaScript Linters - 安装用于 JavaScript 的 linters。
- Code Folding - 查看源代码折叠的详细信息。
- 提示与技巧 - VS Code 的有用提示和技巧。