如何修改VSCode桌面端终端`ls`命令的文件显示样式？

CS50网页端的ls效果核心是带颜色区分文件/文件夹类型，以下按不同系统给出配置步骤：

1. macOS/Linux 系统 #

这类系统终端默认用bash或zsh，直接给ls加颜色参数的别名即可：

• 打开终端配置文件：
  • bash用户编辑 ~/.bashrc 或 ~/.bash_profile
  • zsh用户编辑 ~/.zshrc
• 在文件末尾添加一行：

  alias ls='ls --color=auto'
  

• 保存后执行命令生效：

  source ~/.bashrc  # bash用户
  # 或
  source ~/.zshrc   # zsh用户
  

• 重启VSCode桌面端的终端，再输入ls就能看到带颜色的区分效果，和CS50网页端一致。

如果想要更贴合CS50的配色，可以调整LS_COLORS环境变量，不过基础的颜色区分已经能满足核心需求。

2. Windows 系统 #

Windows终端分PowerShell和Command Prompt，推荐用以下两种方式配置：

方法一：PowerShell配置 #

• 打开PowerShell配置文件：在终端输入

  notepad $PROFILE
  

• 若提示文件不存在，先创建：

  New-Item -Path $PROFILE -Type File -Force
  

• 在打开的文件中添加：

  function ls { Get-ChildItem -Color }
  

• 保存后重启VSCode终端，输入ls即可看到带颜色的文件列表。

方法二：用WSL（适用于追求完全匹配CS50环境的用户） #

如果安装了Windows子系统Linux（WSL），切换到WSL终端后，按照上面macOS/Linux的配置方法操作，就能获得和CS50网页端完全一致的ls效果。

额外优化（可选） #

如果网页端ls还带图标等特殊样式，那是因为CS50环境用了exa或lsd这类增强工具。你可以在桌面端安装对应工具，再把ls别名指向它们，比如安装exa后添加：

alias ls='exa --color=auto --icons'

内容的提问来源于stack exchange，提问作者spacemanOG