VS Code украсить теги разрыва в React html
У меня есть украшение в коде VS, поэтому, когда я применяю его к
<div className = "chatApp" style = {style}>
<Navigation />
<ChatField />
</div>
я получил
<
div className = "chatApp"
style = {
style
} >
<
Navigation / >
<
ChatField / >
<
/div>
но я хочу что-то подобное
<div className = "chatApp"
style = {
style
}>
<Navigation />
<ChatField />
</div>
Вопрос в том, как я могу изменить настройки украшения, чтобы не переносить теги в новую строку (div, p, span и т. д.)?
красивее еще хуже
не знал, пользовался им месяцами и не имел ни одной проблемы. жаль слышать о твоей боли.
Ответы 2
Это случилось и со мной. Вам необходимо установить синтаксис языка с "простого" javascript на "javascript react".
Посмотрите на изображения ниже, вам нужно будет щелкнуть в нижней строке состояния и изменить синтаксис.
Чтобы обновить все ваши файлы в проекте, перейдите в «Настройки пользователя» или «Настройки рабочего пространства», в зависимости от того, хотите ли вы, чтобы они были установлены для проекта или для вашего пользователя.
Теперь посмотри вверх:
"files.associations": {},
и переопределите его и установите что-то вроде этого:
"files.associations": {
"*.js": "javascriptreact"
}
у меня куча файлов, могу ли я применить его ко всем файлам?
@vboyko, если это помогло вам, отметьте его как решенное, чтобы другие могли получить пользу
Я столкнулся с той же проблемой. Ниже мой вывод: Расширение JS-CSS-HTML Formatter выглядит красивее, но не поддерживает файлы js, смешанные с HTML. Решение состоит в том, чтобы отключить это расширение и включить более красивую опцию formatOnSave для javascript в settings.json, как показано ниже:
"[javascript]": {
"editor.formatOnSave": true
}
Почему бы вам не использовать что-нибудь вроде prettier или eslint?