Как отключить перенос строк в vscode для javascript и html

244
31 декабря 2019, 15:00

Правлю код vue.js компонента в vscode, при этом периодически жму Alt + Shift + F для автоматического форматирования введённого кода.

При этом постоянно меняется форматирование: код переносится на другую строку, хотя визуально места ещё очень много.

Пример.

Было:

Стало (см. переносы свойств input'ов):

Можно ли это как-то настроить? В какую сторону копать настройки?

Answer 1

Vetur использует prettyhtml для форматирования.

Посмотрите этот документ

prettyhtml

The default formatter for Vue templates. Other settings include:

"vetur.format.defaultFormatterOptions": {
  "prettyhtml": {
    "printWidth": 100, // No line exceeds 100 characters
    "singleQuote": false // Prefer double quotes over single quotes
  }
}

prettier options are read from local .prettierrc config.

Вам следует поменять printWidth

Сначала следует убедиться, что HTML Formatter для Vetur таки prettyhtml: User Settings -> Extensions -> Vetur -> Format > Default Formatter: HTML

Если так, то попробуйте открыть settings.json: Ctrl-Shift-P, Open Settings (JSON) и добавить настройки здесь:

"vetur.format.defaultFormatterOptions": { "prettyhtml": {"printWidth": 300} }

Если там уже есть другие настройки, не забудьте запятую на предпоследней строке

READ ALSO
Ускоряется Setinterval

Ускоряется Setinterval

Есть слайдер с переключением слайда через определенный промежуток времениСделал так чтобы при клике на кнопку перелистывания слайда таймер,...

176
Создать переменную «resultArray» (массив)

Создать переменную «resultArray» (массив)

Создать переменную «resultArray» (массив)Создать переменные «first» = 1, «second» = 2, «senseOfLife» = 42

134
Вернуть массив к исходному виду VUE JS

Вернуть массив к исходному виду VUE JS

Есть переменная, содержащая в себе массив объектовПри клике на checkbox, объекты сортируются в зависимости от первой буквы в значении одного...

161