更改 eslint 报告器文件路径输出答案

【问题标题】：change eslint reporter file path output更改 eslint 报告器文件路径输出
【发布时间】：2021-02-18 17:42:59
【问题描述】：

所以，我在 VS Code (Windows) 中通过 WSL ubuntu 使用 eslint。

我运行典型的命令npm run lint，一切似乎都很好：

除了导致错误的文件路径根据WSL系统以绝对路径显示在bash中（不是Windows中的实际文件路径）。

这不方便我使用，因为我无法单击文件路径并打开我的文件（就像我以前在其他操作系统中所做的那样；））。

我希望能够做以下事情之一：

显示的文件路径相对于项目，在本例中为src/main.ts
文件路径显示在真实的windows路径中，在本例中为C:\PATH_TO_PROJET/src/main.ts
能够告诉 VS 代码用 /mnt/c 替换 C:/，在本例中为 C:\PATH_TO_PROJET/src/main.ts

在这个问题上敲了很长时间，现在是时候寻求帮助了：D

干杯！

【问题讨论】：

标签： javascript node.js npm eslint

【解决方案1】：

您可以尝试将 eslint formatter 更改为 codeframe，如下所示：

eslint --format codeframe --ext .ts ./src

在带有已安装项目的 docker 容器内的 ubuntu 上，它会打印相对于项目根目录的路径。不确定它是否也适用于 Windows/WSL。

示例输出：

warning: Missing return type on function (@typescript-eslint/explicit-module-boundary-types) at src/on-connect/on-connect.ts:1:24:
> 1 | export const handler = async(event: unknown) => {
    |                        ^
  2 | 
  3 |   console.log("Event", event);
  4 |

【讨论】：