Я использую более красивое в своем VSC, так как заставить более красивое форматирование HTML форматировать теги в одну строку, а не в несколько строк?
Я хочу отформатировать что-то подобное в одну строку
<v-navigation-drawer :clipped="$vuetify.breakpoint.lgAndUp" v-model="drawer" fixed app>
Существует ли какая-либо конфигурация для более красивого формата HTML?
У Prettier есть опция printWidth. Если вы установите для этой опции большое число, будет разбито меньше строк.
В файле .prettierrc.json вы можете переопределить этот параметр для файлов HTML:
{
// Other options...
"overrides": [
{
// change .html with .vue if you are using Vue files instead of HTML
"files": "src/**/*.html",
"options": {
"printWidth": 140
}
}
]
}
Не рекомендуется использовать длину строки выше 140. Prettier является опциональным, поэтому его следует использовать без особых настроек.
Это зависит от настроек вашей IDE, но, как указано в документации, у вас должен быть файл конфигурации, в котором вам следует найти свойство html.format.wrapLineLength и применить значение длины строки, которое вас удовлетворит. Это предотвратит разрыв линий Prettier до тех пор, пока не будет достигнута заданная для свойства длина строки. Это применимо только для HTML. Для общих целей вы должны использовать свойство prettier.printWidth, которое
Вписать код в этот лимит строк
Имейте в виду, что пробелы табуляции/отступа также учитываются в длине строки.
К сожалению, когда строка кода превышает вышеуказанные числа, она будет разделена на несколько строк, каждое свойство в строке. Пока я не нашел решения просто перенести на дополнительную строку, не наплевав на мульти.
ОБНОВЛЕНИЕ Упомянутое и желаемое мной поведение недоступно с Prettier, но трюк с длиной строки все же может помочь... частично.
Сначала проверьте, есть ли у вас имя файла .prettierrc в корне. Если нет, создайте его, а затем поместите в него эти значения.
{
"trailingComma": "es5",
"tabWidth": 2,
"useTabs": false,
"singleQuote": true,
"printWidth": 3000,
"bracketSpacing": true
}
Установите printWidth на какое-то большое значение и переключайте перенос текста в редакторе, когда захотите; например, в коде VS: Alt+Z.
Я знаю, что эта тема старая, но, возможно, у других все еще есть эта проблема. В настройке Prettier вы можете настроить ширину ширины печати. Ширина 120 меня вполне устраивает.
