在 VS Code 中让终端显示简洁路径（告别冗长全路径）

文章目录

[在 VS Code 中让终端显示简洁路径（告别冗长全路径）](#在 VS Code 中让终端显示简洁路径（告别冗长全路径）)
- 问题场景
- 快速解决方案
- - [1. 修改终端标签页标题](#1. 修改终端标签页标题)
  - [2. 按 Shell 类型优化提示符](#2. 按 Shell 类型优化提示符)
  - - [🪟 **PowerShell（Windows）**](#🪟 PowerShell（Windows）)
    - [🐧 **Bash（Linux/macOS/WSL）**](#🐧 Bash（Linux/macOS/WSL）)
    - [🐚 **Zsh（macOS 默认）**](#🐚 Zsh（macOS 默认）)
  - [3. 解决常见问题](#3. 解决常见问题)
  - - [❌ 设置不生效？](#❌ 设置不生效？)
    - [💡 进阶技巧](#💡 进阶技巧)
- 完整配置示例
- 总结对比

在 VS Code 中让终端显示简洁路径（告别冗长全路径）

问题场景

你是否厌倦了 VS Code 终端显示长长的完整路径，占满标签栏空间？比如：

复制代码

C:\Users\YourName\Documents\Projects\my-project\src\components\utils

而实际上你只关心最后的目录名。

快速解决方案

1. 修改终端标签页标题

在 VS Code 的 settings.json中添加：

复制代码

{
    "terminal.integrated.tabs.title": "${cwdFolder}",
    "terminal.integrated.tabs.description": "${cwd}"
}

效果：

标签页显示：utils（仅最后一级）
鼠标悬停显示完整路径

可选变量：

${process}- 显示终端进程名（bash/powershell）
${cwdFolder}- 仅当前目录名（推荐）
${cwd}- 完整路径（默认）

2. 按 Shell 类型优化提示符

🪟 PowerShell（Windows）

修改 $PROFILE文件：

复制代码

# 1. 打开配置文件
notepad $PROFILE
# 如果文件不存在，先创建：
New-Item -Path $PROFILE -Type File -Force

# 2. 添加简洁提示符
function prompt {
    $folder = Split-Path -Leaf -Path (Get-Location)
    "PS $folder> "
}

高级版（带颜色和 Git 分支）：

复制代码

function prompt {
    $currentFolder = Split-Path -Leaf -Path (Get-Location)
    Write-Host "PS $currentFolder" -NoNewline -ForegroundColor Green
    Write-VcsStatus
    Write-Host "> " -NoNewline
    return " "
}

🐧 Bash（Linux/macOS/WSL）

编辑 ~/.bashrc：

复制代码

export PS1='\u@\h:\W\$ '  # \W 表示当前目录名

🐚 Zsh（macOS 默认）

编辑 ~/.zshrc：

复制代码

PROMPT='%1~ $ '  # %1~ 表示最后一级目录

3. 解决常见问题

❌ 设置不生效？

关闭旧终端，新建终端 - 修改设置后需要新建终端标签页
检查 Shell 配置文件 - 确保 Shell 没有用转义序列覆盖标题

验证 VS Code 加载了 Profile：

复制代码

{
    "terminal.integrated.shellArgs.windows": []  # 确保没有 -NoProfile
}

💡 进阶技巧

在 settings.json中添加分隔符：
复制代码
```
"terminal.integrated.tabs.separator": " - "
```
效果：bash - src
使用 ${sequence}让 Shell 完全控制标题：
复制代码
```
"terminal.integrated.tabs.title": "${sequence}"
```

完整配置示例

VS Code settings.json：

复制代码

{
    "terminal.integrated.tabs.title": "${cwdFolder}",
    "terminal.integrated.tabs.description": "${cwd}",
    "terminal.integrated.tabs.separator": " - ",
    "terminal.integrated.shellArgs.windows": [],
    "terminal.integrated.fontSize": 14
}

PowerShell Profile：

复制代码

# 显示简洁路径 + Git 状态
function prompt {
    $currentFolder = Split-Path -Leaf -Path (Get-Location)
    Write-Host "[" -NoNewline -ForegroundColor DarkGray
    Write-Host $currentFolder -NoNewline -ForegroundColor Cyan
    Write-Host "] " -NoNewline -ForegroundColor DarkGray
    
    if (Get-Command git -ErrorAction SilentlyContinue) {
        $branch = git branch 2>$null | Select-String "^\*" | ForEach-Object { $_.ToString().Split()[1] }
        if ($branch) {
            Write-Host "(" -NoNewline -ForegroundColor DarkGray
            Write-Host $branch -NoNewline -ForegroundColor Yellow
            Write-Host ") " -NoNewline -ForegroundColor DarkGray
        }
    }
    
    Write-Host "> " -NoNewline -ForegroundColor Green
    return " "
}

总结对比

配置前	配置后	优点
`C:\Users\...\my-project\src`	`src`	节省标签栏空间
`username@host:/long/path/to/project$`	`project$`	提示符更简洁
鼠标悬停无额外信息	悬停显示完整路径	两全其美

一句话总结 ：修改 terminal.integrated.tabs.title+ 自定义 Shell 提示符，让你的 VS Code 终端既简洁又实用。

试试这些设置，让你的开发环境更加优雅高效！有任何问题欢迎留言讨论。