防止 VSCode onsave 时将 Vuejs 代码转为垂直答案

【问题标题】：Prevent VSCode Turn Vuejs code to vertically when onsave防止 VSCode onsave 时将 Vuejs 代码转为垂直
【发布时间】：2022-01-24 02:08:25
【问题描述】：

我的 VSCode onSave

... 以某种方式将我的 Vuejs 代码垂直转换为这么多行。我知道它更容易阅读，但我也觉得它很长，而且它使我的文件太长，我不得不无缘无故地向下滚动。

这是Prettier造成的吗？

有人可以告诉我如何防止它发生吗？

settings.json

"[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,  
},

【问题讨论】：

【解决方案1】：

Prettier 格式化行以适应 printWidth 的字符限制（默认为 80 个字符）。

将printWidth 设置为较高的值以避免换行：

// .prettierrc
{
  "printWidth": 300
}

【讨论】：

【解决方案2】：

是的 Prettier 像这样格式化代码，因为它更容易阅读。如果要禁用此功能，只需将 editor.formatOnSave

更改为 false

【讨论】：