在 Visual Studio Code 中编辑代码
在本 Visual Studio Code 教程中,我们将介绍如何编辑和运行一小段代码,包括以下概述的功能。观看此概述后,请阅读相关资源部分,以了解更多功能。
Linux 用户:请确保您已为您的 Linux 发行版安装了正确的媒体编解码器。例如,在 Ubuntu 上,您可能需要安装
ubuntu-restricted-extras
才能获得播放视频所需的编解码器。
这是我们推荐的下一个视频:生产力技巧
从列表中选择其他视频:入门视频
视频大纲
- 打开文件夹。
- 文件 > 打开文件夹 (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 的有用技巧和窍门。