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

Posted 2023-02-19

【中文标题】防止 VSCode onsave 时将 Vuejs 代码转为垂直

【英文标题】：Prevent VSCode Turn Vuejs code to vertically when onsave

【发布时间】：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