Автоматический отступ после нажатия Enter между тегами

Пожалуйста, посмотрите GIF ниже:

введите описание изображения здесь

Я использую Visual Studio Code. Нажав Enter и Ctrl + Shift + Enter. Я могу сделать автоматический отступ в следующей строке.

Итак, я думаю, есть более удобный способ или пакет, который может сделать это, просто нажав Enter.


visual-studio auto-indent
person xianshenglu    schedule 25.05.2018    source источник
comment
Привет @xianshenglu, странно то, что мой VSCode может сделать это автоматически после того, как я нажму Enter сейчас (до сих пор это работает большую часть времени, но иногда это не работает, я не могу понять). Моя версия VSCode — 1.25.0, вы можете сначала обновить свой VSCode, чтобы увидеть, работает ли он для вас.   -  person He Wang    schedule 09.07.2018
comment
Начиная с 2018.10.4, я обнаружил, что vscode выполняет это, просто нажимая enter, когда я пишу html как div. Но это не работает с style или script. Это действительно странно.   -  person xianshenglu    schedule 04.10.2018
comment
вы нашли решение этой проблемы? Поскольку я столкнулся с той же проблемой и не смог ее решить, я перешел на Atom.   -  person nasirkhan    schedule 29.08.2020

Ответы (4)


arrow_upward
6
arrow_downward

В настройках-›редактор найдите autoIndent и сделайте его полным

введите здесь описание изображения

person Slimane amiar    schedule 22.07.2020
comment
У меня включен этот параметр, но я не могу заставить отступы происходить автоматически. - person Simon East; 07.05.2021

arrow_upward
3
arrow_downward

Я решил эту проблему, переключив языковой режим с Django HTML (по какой-то причине он был обнаружен автоматически) на HTML.

  1. Нажмите Ctrl+Shift+P (или напрямую нажмите Ctrl+K, < kbd>M => Выберите HTML)
  2. Распечатайте «Изменить языковой режим» и нажмите Enter
  3. Выберите HTML
person romanevg    schedule 29.01.2019

arrow_upward
0
arrow_downward

Я изменил настройки Emmet, не уверен, что это хорошее решение, но оно работает.

  • В настройках найдите emmet.includeLanguages
  • Нажмите Edit in settings json
  • В правой колонке нажмите User settings
  • Добавьте "emmet.includeLanguages": {"php": "html"} в последнюю строку
person MonsieurM    schedule 04.01.2019
comment
Это не имеет ничего общего с php. И emmet поддерживает html по умолчанию. - person xianshenglu; 05.01.2019
comment
Верно с HTML, но если вы пишете HTML в файле PHP, он не работает без моей модификации. - person MonsieurM; 06.01.2019

arrow_upward
-1
arrow_downward

Я не уверен, что у вас все еще есть эта проблема, но я наткнулся на этот другой пост, который, похоже, имеет решение:

Visual Studio Code Auto close тег и отступ XML как с HTML

Надеюсь, это то, что вы ищете.

РЕДАКТИРОВАТЬ: я только что понял, что это приводит к изменению языкового режима на HTML, что может привести к неожиданному/нежелательному поведению. Тем не менее, он соответствует моим потребностям.

person saifahn    schedule 03.10.2018
comment
Начиная с 2018.10.4, я обнаружил, что vscode выполняет это, просто нажимая enter, когда я пишу html как div. Но это не работает с style или script. Это действительно странно. - person xianshenglu; 04.10.2018