这条 vue.js html 行在 VSCode 中被 Prettier 或 ESLint 分割了吗

Question

当我在 VSCode 中保存我的 Vue JS 组件时，下面显示的模板代码从一行分成两行或多行，具体取决于“Load Depot..”字符串的长度。

有时，根据字符串的长度，它会在引号中间拆分并破坏我的代码。

我在项目中同时启用了 ESLint 或 Prettier，但我不知道是哪一个对此负责以及如何修复它。

    <h4>Depot Edit - {{ route.params.code }}, {{ depotStore.currentDepot ? depotStore.currentDepot.name : "Loading..." }} </h4>

这在不方便的位置接收换行符

    <h4>Depot Edit - {{ route.params.code }}, {{ depotStore.currentDepot ? depotStore.currentDepot.name : "Loading 
Depot..." 
}} </h4>

Answer 1

您可以通过Ctrl + Shift + P检查您的 VSCode 格式化程序，搜索Format Document...然后选择您想要的格式化程序。

其次，您可以安装Prettier ESLint - Visual Studio Marketplace 。 它使 Prettier 可以与 ESlint 一起工作。