乐闻世界logo
6月2日 00:04

VSCode 内置终端怎么用？分屏、多终端和配置技巧

VSCode 内置终端省去了在编辑器和终端窗口之间来回切换的麻烦。Ctrl+` 一键打开，和编辑器共享同一个窗口，代码和命令行并排操作。

基本操作

  • 打开/关闭终端：Ctrl+`（反引号）或 View > Terminal
  • 新建终端：终端面板右上角的 + 号，或 Ctrl+Shift+`
  • 拆分终端：终端面板右上角的拆分图标，或 Ctrl+Shift+5，在同一个终端面板里左右分屏
  • 切换终端：终端面板右上角的下拉菜单选择，或 Ctrl+PageUp/PageDown

拆分终端比新建标签页更实用——可以同时看着两个终端的输出，比如左边跑服务、右边看日志。

终端类型选择

VSCode 会自动检测系统上安装的 Shell：

  • macOS：默认 zsh（Catalina 及以后），也可以选 bash
  • Linux：默认 bash，也可以选 zsh/fish
  • Windows：默认 PowerShell，也可以选 CMD 或 Git Bash

手动选择默认终端：Ctrl+Shift+P 输入 Terminal: Select Default Profile，从列表中选择。

指定特定终端：terminal.integrated.defaultProfile.osx/linux/windows 按平台设置。

终端配置技巧

json
// settings.json
{
    "terminal.integrated.fontSize": 14,
    "terminal.integrated.cursorStyle": "line",
    "terminal.integrated.scrollback": 5000,
    "terminal.integrated.copyOnSelection": true
}

scrollback: 5000 把回滚缓冲区从默认 1000 行增加到 5000 行，跑大量日志时不会丢失前面的输出。copyOnSelection 选中即复制，不用再 Ctrl+C。

终端里的代码操作

右键在终端中打开文件：如果终端输出了文件路径（比如编译错误 src/main.js:10:5），按住 Ctrl/Cmd 点击路径可以直接跳转到对应文件的对应行。

选中终端文本：和普通终端不同，VSCode 终端选中文字不需要进入复制模式——直接鼠标拖选就行。

运行选中代码：选中一段代码后，按 Shift+Enter 或右键选择 Run Selection in Python Terminal（需要 Python 扩展），代码直接在终端里执行。调试小段代码非常方便。

任务运行器

把常用命令绑定到任务里，不用每次手敲：

json
// .vscode/tasks.json
{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "build",
            "type": "shell",
            "command": "npm run build",
            "group": "build",
            "problemMatcher": ["$tsc"]
        },
        {
            "label": "dev",
            "type": "shell",
            "command": "npm run dev",
            "isBackground": true,
            "group": "none"
        }
    ]
}

Ctrl+Shift+P 输入 Tasks: Run Task 选择运行。problemMatcher 自动解析终端输出中的错误，标记到编辑器的 Problems 面板。

常见问题

终端字体乱码：Powerline 主题的特殊符号需要安装 Nerd Font。在设置里指定 terminal.integrated.fontFamily 为已安装的 Nerd Font 名称。

终端启动慢：可能是 Shell 配置文件（.zshrc/.bashrc）加载太多东西。在终端里跑 time zsh -i -c exit 看启动耗时，超过 1 秒就该优化了。

终端里 vim/nano 不能用：VSCode 终端不支持交互式程序的鼠标事件。如果需要在编辑器里用 vim，装 VSCode Vim 扩展而不是在终端里跑 vim。

标签：VSCode