更漂亮的 CLI 和 VS 代碼擴展以不同方式格式化匿名 function

Question

我正在嘗試使用 Prettier CLI 格式化我的 repo 中的所有 TS 文件，但我遇到了問題。 Prettier CLI 和 Prettier VS Code 擴展以不同的方式格式化匿名函數。

當我使用 CLI 格式化 TS 文件時： npx prettier "**/example.ts" --write

它像這樣格式化匿名函數：

const test = function () {
    console.log('test');
};

然后當我保存文件（使用 Prettier 格式化文件）時，它會更改為：

const test = function() {
    console.log('test');
};

請注意“功能”后的空格消失。

通過一些挖掘，我發現 Prettier 並沒有在那里放置空間。 這與 Prettier 擴展一致。 添加空格更像是 TS/ESLint 樣式。

有誰知道為什么 Prettier CLI 添加這個空間？

Answer 1

找到了答案。 我已將我的項目中的 Prettier 從 1.X 更新到 2.X。

完成此操作后，Prettier CLI 使用的是更新版本，但 VS Code 擴展仍使用舊版本。

我卸載並重新安裝了擴展，現在它們對齊（都使用函數后的空間）。