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

Question

我的VSCodeonSave

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

这是Prettier造成的吗？

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

settings.json

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

Answer 1

是的，更漂亮地像这样格式化代码，因为它更容易阅读。如果你想禁用它，只需将 editor.formatOnSave

更改为 false

Answer 2

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

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

// .prettierrc
{
  "printWidth": 300
}

Prevent VSCode Turn Vuejs code to vertically when onsave