如何在Tauri Shell API与Vue3中保留Shell转义序列？

问题的核心原因是：绝大多数带颜色/格式输出的CLI工具（比如lsd）会检测输出目标是否为终端（TTY）。当输出到非TTY环境（比如Tauri的默认Shell API管道）时，这类工具会自动禁用颜色和转义序列输出，只返回纯文本。

要解决这个问题，只需要让Tauri的Command模拟TTY环境，具体操作是在创建Command时启用pty选项：

修改后的代码示例 #

直接运行lsd命令 #

import { Command } from '@tauri-apps/api/shell';
import { ref } from 'vue';

const runLsdWithEscapeCodes = async () => {
  const response = ref([]);

  // 关键：添加pty: true配置，模拟终端环境
  const process = new Command('lsd', ['-la'], {
    pty: true
  });

  // 捕获包含转义序列的输出
  process.stdout.on('data', (line) => {
    console.log(line); // 此时会看到完整的转义序列，比如\033[1;37;42m
    response.value.push(line);
  });

  // 可选：捕获错误输出
  process.stderr.on('data', (error) => {
    console.error('命令错误:', error);
  });

  await process.spawn();
  return response;
};

若使用sh -c包裹命令 #

const str = 'lsd -la';
const process = new Command('sh', ['-c', str], {
  pty: true // 同样启用pty选项
});

原理说明 #

pty: true会让Tauri创建一个伪终端（Pseudo-Terminal），让lsd等CLI工具误以为自己正在终端中运行，从而输出包含颜色、格式的完整转义序列。

额外提示 #

• 对于本身不依赖TTY检测的命令（比如你示例中的echo），无需启用pty也能正常保留转义序列
• 捕获到的转义序列可直接用于后续转换为HTML格式（如你所说，这一步你已解决）

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