新手可通过五步快速掌握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。
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!。