主页 / 问题 / 1416601
Accepted
doox911
Asked:2022-08-03 17:10:07 +0800 CST2022-08-03 17:10:07 +0800 CST

如何防止在 Vue 3 SFC 中格式化特定行或代码块

  • 772

有一个代码：

const { getViewTasks, appendTimelineToViewTask, getCSVTaskEventLog } = useTaskService();

我想像这样格式化它（手动或使用 Prettier）：

const {
  getViewTasks,
  appendTimelineToViewTask,
  getCSVTaskEventLog
} = useTaskService();

但相反，我将其格式化为：

const { getViewTasks, appendTimelineToViewTask, getCSVTaskEventLog } =
  useTaskService();

导致 linter 错误的原因：

在此处输入图像描述

我知道Prettier会这样格式化它，因为字符串的长度是有限制的。

是否可以在Vue 3 SFC组件中禁用字符串或代码块的格式化？

vue3 eslint

1 个回答

  1. Best Answer

    更漂亮的文档：https : //prettier.io/docs/en/ignore.html

    适合我的问题的部分解决方案（设置 TS SFC）：

    if (
  // prettier-ignore
  // eslint-disable-next-line operator-linebreak
  task.state === VeryLongEnumName[SoToooooooooooLongEnumName] ||
  task.state === VeryLongEnumName[SoToooooooooooLongEnumName]
) {
  // ... do something
}

    eslint-disable-next-line operator-linebreak- 可选，取决于ESLint设置。

    • 0

相关问题