零基础学习VSCode：一份给新手的快速上手指南

新手可通过五步快速掌握VSCode：一、官网下载安装并设置自动保存；二、熟悉活动栏、菜单栏、编辑区和状态栏；三、安装Python/JS等官方扩展启用语法支持；四、熟练使用Cmd+P、Cmd+/等快捷键；五、创建运行hello.py验证配置。

如果您刚开始接触代码编辑器，希望快速掌握 VSCode 的基本操作和核心功能，则可能是由于对界面布局、快捷键和扩展配置不熟悉。以下是帮助您从零开始使用 VSCode 的具体步骤：

本文运行环境：MacBook Air，macOS Sequoia。

一、安装与初始配置

安装 VSCode 是启动开发环境的第一步，确保获取官方正版并完成基础语言支持设置，避免后续编码时出现字符乱码或语法高亮异常。

1、访问 code.visualstudio.com 官网，下载 macOS 版本安装包。

2、双击 .zip 文件解压，将 Visual Studio Code 应用拖入 Applications 文件夹。

3、首次启动时，系统提示是否允许来自开发者“Microsoft Corporation”的应用，点击允许。

4、打开 VSCode 后，在菜单栏点击 Code → Preferences → Settings，搜索 files.autoSave，将其设为 afterDelay。

二、熟悉主界面与核心区域

理解 VSCode 界面各组成部分的功能，有助于高效导航文件、查看输出和调试代码，减少误操作带来的困扰。

1、左侧活动栏包含资源管理器、搜索、源代码管理、运行和调试、扩展等图标，悬停可查看名称。

2、顶部菜单栏中，File 菜单用于新建文件或文件夹，Open Folder 可加载整个项目目录。

3、中央编辑区支持多标签页，右键标签页可选择 Close Others 仅保留当前文件。

4、底部状态栏显示当前编码格式（如 UTF-8）、行号、缩进方式（如 Spaces: 2）及 Git 分支名。

三、启用基础编程支持

VSCode 默认不内置任何语言的语法检查与智能提示，需通过安装对应扩展来激活语言服务，否则无法获得代码补全或错误标记。

1、点击左侧活动栏第四个图标（扩展），在搜索框输入 Python 或 JavaScript。

星绘

豆包旗下 AI 写真、P 图、换装和视频生成

404

查看详情

2、在结果中找到由 Microsoft 官方发布的同名扩展，点击 Install。

3、安装完成后，新建一个 .py 或 .js 文件，输入代码，观察是否出现语法高亮与参数提示。

4、若未生效，关闭并重新打开该文件，或按下 Cmd + Shift + P 输入 Reload Window 执行重载。

四、掌握高频快捷键

快捷键能显著提升编辑效率，避免频繁切换鼠标操作，尤其在重复性文本处理与文件跳转场景中效果明显。

1、按下 Cmd + P 打开快速打开面板，输入文件名即可模糊匹配并跳转。

2、选中文本后按 Cmd + / 可一键注释或取消注释当前行或选中块。

3、将光标置于变量名上，按 F12 可跳转至该变量定义处；按 Alt + ← 返回上一位置。

4、按下 Cmd + Shift + F 进入全局搜索，输入关键词即可在全部文件中查找匹配项。

五、创建并运行第一个脚本

通过实际执行一段简单代码，验证编辑器配置是否完整，同时建立对终端集成与任务运行流程的直观认知。

1、点击 File → New File，保存为 hello.py，确保编码格式为 UTF-8。

2、在文件中输入 print("Hello, VSCode!")，保存文件。

3、按下 Ctrl + ` 呼出集成终端，确认当前路径为文件所在目录。

4、在终端中输入 python3 hello.py 并回车，观察输出结果是否为 Hello, VSCode!。

以上就是零基础学习VSCode：一份给新手的快速上手指南的详细内容，更多请关注php中文网其它相关文章！