Как запретить Vetur / Prettier добавлять новую строку после запятой (TS / Vue3)

Как предотвратить форматирование этой строки Prettier / Vetur:

import { defineComponent, reactive, computed, ref } from 'vue'

к этому:

import {
    defineComponent,
    reactive,
    computed,
    ref
} from 'vue'

vue.js vuejs3 prettier vetur
person saibbyweb    schedule 21.05.2021    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Это форматирования происходит, когда ширина линии превышает сконфигурированный _ 1_ (по умолчанию 80 символов). Я предполагаю, что ваш пример - это просто усеченная версия длинной строки длиной более 80 символов.

Увеличьте printWidth, чтобы избежать переноса строки:

// .prettierrc.js
module.exports = {
  printWidth: 120,
}

Если вы используете ESLint + Prettier (в проекте с шаблоном Vue CLI), настройте параметры ESLint prettier/prettier:

// .eslintrc.js
const prettierOptions = require("./prettierrc");

module.exports = {
  rules: {
    "prettier/prettier": ["error", prettierOptions],
  },
};

Имейте в виду, что Vetur поддерживает только форматирование всего документа, поэтому форматирование выбранной строки не работает в блоках SFC <script>.

person tony19    schedule 21.05.2021
comment
@saibbyweb Похоже, что .prettierrc.js необходим для явного форматирования через интерфейс VS Code, а конфигурация .eslintrc.js необходима для Vetur и lint NPM-скрипта. См. Обновленный ответ. - person tony19; 22.05.2021